[gnome-themes-standard/wip/sass] initial dialog styling
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard/wip/sass] initial dialog styling
- Date: Wed, 4 Jun 2014 17:32:27 +0000 (UTC)
commit 9fc8d51ea7dba33595386fb0ed31cf0436430f7d
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Wed Jun 4 19:31:43 2014 +0200
initial dialog styling
themes/Adwaita/gtk-3.0/_common.scss | 62 +++++++++++++++++++++----
themes/Adwaita/gtk-3.0/gtk-contained-dark.css | 49 +++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk-contained.css | 49 +++++++++++++++++++
3 files changed, 150 insertions(+), 10 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index aa6355e..a5ecb22 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -348,34 +348,34 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the GtkColorButton
&.vertical {
.button {
&:first-child {
- @extend %top-button;
+ @extend %top_button;
@include button(normal, $noedge: true);
&:active {
- @extend %top-button;
+ @extend %top_button;
@include button(active, $noedge: true);
}
&:hover {
- @extend %top-button;
+ @extend %top_button;
@include button(hover, $noedge: true);
}
&:insensitive {
- @extend %top-button;
+ @extend %top_button;
@include button(insensitive, $noedge: true);
}
}
&:last-child {
- @extend %bottom-button;
+ @extend %bottom_button;
@include button(normal);
&:active {
- @extend %bottom-button;
+ @extend %bottom_button;
@include button(active);
}
&:hover {
- @extend %bottom-button;
+ @extend %bottom_button;
@include button(hover);
}
&:insensitive {
- @extend %bottom-button;
+ @extend %bottom_button;
@include button(insensitive);
}
}
@@ -391,11 +391,11 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the GtkColorButton
// like buttons are on top of it so it doesn't show up
border-radius: 0;
}
- %top-button {
+ %top_button {
border-radius: 3px 3px 0 0;
border-bottom-width: 0;
}
- %bottom-button {
+ %bottom_button {
border-radius: 0 0 3px 3px;
border-top-width: 0;
}
@@ -1221,6 +1221,46 @@ GtkScrolledWindow {
}
+/***********
+ * Dialogs *
+ ***********/
+
+GtkMessageDialog {
+ // -GtkDialog-content-area-spacing:
+ // -GtkDialog-action-area-spacing:
+ -GtkDialog-button-spacing: 0;
+ -GtkDialog-action-area-border: 0;
+}
+
+.dialog-action-area.linked {
+ & .button {
+ border-radius: 0;
+ @include button(normal, $noedge: true);
+ @extend %middle_button;
+ &:hover {
+ @include button(hover, $noedge: true);
+ @extend %middle_button;
+ }
+ &:active {
+ @include button(active, $noedge: true);
+ @extend %middle_button;
+ }
+ &:insensitive {
+ @include button(insensitive, $noedge: true);
+ @extend %middle_button;
+ }
+ &:backdrop, &:backdrop:insensitive {
+ @extend %middle_button;
+ }
+ &:last-child{ @extend %last_button; }
+ }
+ %middle_button {
+ border-style: solid none none none;
+ }
+ %last_button { border-style: solid none none solid; }
+}
+
+
/**********************
* Window Decorations *
*********************/
@@ -1264,3 +1304,5 @@ GtkScrolledWindow {
transition-property: border, box-shadow, color;
}
}
+
+
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index 27358e8..b653d1b 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -1347,6 +1347,55 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification .button {
padding: 6px; }
+/***********
+ * Dialogs *
+ ***********/
+GtkMessageDialog {
+ -GtkDialog-button-spacing: 0;
+ -GtkDialog-action-area-border: 0; }
+
+.dialog-action-area.linked .button {
+ border-radius: 0;
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
+ border-color: #1c1f1f;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+ .dialog-action-area.linked .button:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+ .dialog-action-area.linked .button:active {
+ border-width: 1px;
+ border-style: solid;
+ color: #eeeeec;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+ .dialog-action-area.linked .button:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #939695;
+ border-color: #1c1f1f;
+ background-image: linear-gradient(to bottom, #363a3a);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.dialog-action-area.linked .button, .dialog-action-area.linked .button:hover, .dialog-action-area.linked
.button:active, .dialog-action-area.linked .button:insensitive, .dialog-action-area.linked .button:backdrop,
.dialog-action-area.linked .button:backdrop:insensitive {
+ border-style: solid none none none; }
+.dialog-action-area.linked .button:last-child {
+ border-style: solid none none solid; }
+
/**********************
* Window Decorations *
*********************/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 799808f..4ff2af5 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -1347,6 +1347,55 @@ GtkScrolledWindow GtkViewport.frame {
.app-notification .button {
padding: 6px; }
+/***********
+ * Dialogs *
+ ***********/
+GtkMessageDialog {
+ -GtkDialog-button-spacing: 0;
+ -GtkDialog-action-area-border: 0; }
+
+.dialog-action-area.linked .button {
+ border-radius: 0;
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
+ border-color: #a1a1a1;
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px white; }
+ .dialog-action-area.linked .button:hover {
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 1px white; }
+ .dialog-action-area.linked .button:active {
+ border-width: 1px;
+ border-style: solid;
+ color: #2e3436;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+ .dialog-action-area.linked .button:insensitive {
+ border-width: 1px;
+ border-style: solid;
+ color: #8d9091;
+ border-color: #a1a1a1;
+ background-image: linear-gradient(to bottom, #f4f4f4);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.dialog-action-area.linked .button, .dialog-action-area.linked .button:hover, .dialog-action-area.linked
.button:active, .dialog-action-area.linked .button:insensitive, .dialog-action-area.linked .button:backdrop,
.dialog-action-area.linked .button:backdrop:insensitive {
+ border-style: solid none none none; }
+.dialog-action-area.linked .button:last-child {
+ border-style: solid none none solid; }
+
/**********************
* Window Decorations *
*********************/
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]