summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2014-06-06 22:32:38 +0200
committerraveit65 <[email protected]>2014-06-06 22:32:38 +0200
commitd4178bdd6dbe4a4ae8575b4db4bab4da3f5dc111 (patch)
tree49f5d230ac0767d745e160128ac9685e40243efe
parent9a28b14cefc77c2decb13ca6fb219f1d946fdaa4 (diff)
downloadmate-themes-d4178bdd6dbe4a4ae8575b4db4bab4da3f5dc111.tar.bz2
mate-themes-d4178bdd6dbe4a4ae8575b4db4bab4da3f5dc111.tar.xz
GreenLaguna GTK3: use nicer resize-grip
Diffstat
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css318
1 files changed, 69 insertions, 249 deletions
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index 08ea4f7d..cdef8401 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -1,4 +1,5 @@
* {
+ engine: none;
padding: 1px;
background-clip: padding-box;
@@ -41,11 +42,15 @@
-WnckTasklist-fade-overlay-rect: 0;
-GtkWidget-focus-padding: 2;
- -GtkWidget-focus-line-width: 0;
+ -GtkWidget-focus-line-width: 1;
-GtkWindow-resize-grip-width: 13;
- -GtkWindow-resize-grip-height: 13;
+ -GtkWindow-resize-grip-height: 13;
+ /* We use the outline properties to signal the focus properties
+ * to the adwaita engine: using real CSS properties is faster,
+ * and we don't use any outlines for now.
+ */
outline-color: @focus_border;
outline-style: dashed;
outline-offset: 2px;
@@ -237,6 +242,7 @@ GtkTreeView .separator,
/****************
* Text Entries *
****************/
+
.toolbar.entry {
/*background-color: @theme_main_color;*/
background-image: linear-gradient(to bottom,
@@ -529,15 +535,6 @@ GtkLevelBar.vertical {
/*************
* Notebooks *
*************/
-/* gtk-3.12 */
-.notebook.header {
- background-image: none;
- background-color: transparent;
- border-style: none;
- border-image: none;
- border-width: 0px;
-}
-
.notebook {
padding: 1px 0px 1px 1px;
background-clip: border-box;
@@ -552,12 +549,9 @@ GtkLevelBar.vertical {
highlights invisible in text views */
/*background-color: @theme_main_color;*/
- -GtkNotebook-tab-overlap: 1;
- -GtkNotebook-tab-curvature: 0;
+ -GtkNotebook-tab-overlap: 8;
+ -GtkNotebook-tab-curvature: 6;
-GtkNotebook-initial-gap: 0;
- -GtkNotebook-has-tab-gap: true;
- -GtkWidget-focus-padding: 2;
- -GtkWidget-focus-line-width: 0;
}
.notebook.arrow:insensitive {
@@ -567,14 +561,21 @@ GtkLevelBar.vertical {
.notebook tab {
padding: 3px 8px 0px;
border-style: solid;
- border-width: 1px 1px 0px 1px;
- border-color: @notebook_border;
+ border-width: 0;
+ border-radius: 0px;
background-image: linear-gradient(to bottom,
shade(@theme_bg_color, 1.1),
shade(@theme_bg_color, 0.77));
}
.notebook tab:active {
+ border-radius: 3px;
+ -adwaita-border-gradient: -gtk-gradient (linear,
+ left top, left bottom,
+ from (@notebook_active_tab_border),
+ to (@notebook_border));
+
+ -adwaita-selected-tab-color: transparent;
background-image: linear-gradient(to bottom,
shade(@theme_bg_color, 0.9),
shade(@theme_bg_color, 0.96) 40%,
@@ -591,42 +592,26 @@ GtkLevelBar.vertical {
padding: 4px 8px 0px;
}
-.notebook tab.top,
-.notebook tab.top:active {
- border-radius: 3px 3px 0px 0px;
-}
-
.notebook tab.bottom {
padding: 0px 8px 3px;
}
.notebook tab.bottom:active {
- padding: 0px 8px 4px;
- background-image: linear-gradient(to top,
- shade(@theme_bg_color, 1.1),
- shade(@theme_bg_color, 1.04) 40%,
- shade(@theme_bg_color, 1.02) 70%,
- @theme_bg_color);
-}
-
-.notebook tab.bottom,
-.notebook tab.bottom:active {
- border-radius: 0px 0px 3px 3px;
- border-width: 0px 1px 1px 1px;
+ padding: 0px 8px 4px;
}
.notebook tab.left,
.notebook tab.left:active {
border-radius: 3px 0px 0px 3px;
padding: 2px 4px 2px;
- border-width: 1px 0px 1px 1px;
+ border-width: 1px;
}
.notebook tab.right,
.notebook tab.right:active {
border-radius: 0px 3px 3px 0px;
padding: 2px 4px 2px;
- border-width: 1px 1px 1px 0px;
+ border-width: 1px;
}
.notebook tab.left:active,
@@ -646,8 +631,8 @@ GtkLevelBar.vertical {
-GtkButton-child-displacement-x: 0;
-GtkButton-child-displacement-y: 0;
- -GtkWidget-focus-line-width: 0;
- -GtkWidget-focus-padding: 0;
+ /*-GtkWidget-focus-line-width: 0;
+ -GtkWidget-focus-padding: 0;*/
}
.notebook .pane-separator {
@@ -885,7 +870,7 @@ GtkTreeMenu .menuitem * {
/* Due to a bug somewhere in gtk or cairo,
a padding of zero (or even one) doesn't work always! */
padding: 2px;
- -GtkWidget-focus-line-width: 0;
+ -GtkWidget-focus-line-width: 1;
border-radius: 3px;
border-width: 1px;
@@ -979,9 +964,9 @@ GtkTreeMenu .menuitem * {
border-image: none;
}
-/******************
+/****************
* Linked Buttons *
- ******************/
+ ****************/
/* We don't make them different. */
@@ -1067,7 +1052,7 @@ GtkTreeMenu .menuitem * {
}
.scrollbar.slider.vertical:prelight {
- background-image: linear-gradient(to top,
+ background-image: linear-gradient(to left,
shade(@toolbar_gradient_base, 0.88),
shade(@theme_bg_color, 1.6));
border-width: 1px;
@@ -1089,7 +1074,7 @@ GtkTreeMenu .menuitem * {
border-width: 1px;
border-color: shade(@button_border, 1.1);
border-radius: 6px;
- background-image: linear-gradient(to top,
+ background-image: linear-gradient(to left,
shade(@theme_bg_color, 1.5),
shade(@theme_bg_color, 0.9));
}
@@ -1200,10 +1185,15 @@ GtkTreeMenu .menuitem * {
.menu .menuitem,
.menu .menuitem GtkImage {
+ background-color: shade(@theme_selected_bg_color,0.9);
color: @theme_selected_fg_color;
}
.menu .menuitem GtkImage:hover {
+ background-color: shade(@theme_selected_bg_color,1.7);
+ background-image: linear-gradient(to bottom,
+ @theme_bg_color,
+ shade(@theme_bg_color, 0.55));
color: @theme_fg_color;
}
@@ -1226,21 +1216,22 @@ GtkTreeMenu .menuitem * {
}
.menu,
-.menubar .menu,
+.menubar .menu .menuitem:active:hover,
+.menubar .menu .menuitem:hover,
.menuitem .menu {
- background-color: shade(@theme_selected_bg_color, 0.8);
- background-image: linear-gradient(to bottom,
- shade(@theme_selected_bg_color, 1.1),
- shade(@theme_selected_bg_color, 0.65));
-
- border-style: none;
- border-width: 0px;
- border-radius: 0px;
- padding: 1px;
+ background-image: linear-gradient(to bottom,
+ shade(@theme_selected_bg_color, 1.6),
+ shade(@theme_selected_bg_color, 0.6));
+ color: @theme_text_color;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 3px;
+ border-color: alpha(@theme_selected_bg_color, 1.0);
}
.menuitem,
.menuitem * {
+ -adwaita-menuitem-arrow-color: @menu_controls_color;
-GtkMenuItem-arrow-scaling: 0.5;
padding: 2px 0px;
}
@@ -1333,7 +1324,7 @@ GtkTreeMenu .menuitem * {
shade(@theme_bg_color, 1.5));
border-style: none;
border-width: 0;
- border-radius: 0px;
+ border-radius: 3px;
padding: 1px;
-GtkWidget-window-dragging: true;
@@ -1698,142 +1689,6 @@ GtkProgressBar.osd.progressbar {
border-radius: 0;
}
-/*******
- * CSD *
- *******/
-
-.titlebar {
- text-shadow: none;
-
- background-image: linear-gradient(to bottom,
- shade (@theme_bg_color, 1.50),
- shade (@theme_bg_color, 1.0));
-
- border-radius: 7px 7px 0px 0px;
-}
-
-.tiled .titlebar {
- border-radius: 0;
-}
-
-.maximized .titlebar {
- border-radius: 0;
-}
-
-/* this is the default titlebar that is added by GTK
- * when client-side decorations are in use and the application
- * did not set a custom titlebar.
- */
-.titlebar.default-decoration {
- border: none;
- box-shadow: none;
-}
-
-.titlebar .title {
- font: Bold 10;
- background: none;
- color: @theme_fg_color;
-}
-
- /* Colour when unfocused? does this work?*/
-.titlebar:backdrop {
- color: #747473;
- text-shadow: none;
- background-image: none;
- background-color: #747473;
-}
-
-.titlebar .titlebutton,
-.header-bar.frame.titlebar .button.image-button.titlebutton,
-.button.text-button.titlebutton {
- /* Due to a bug somewhere in gtk or cairo,
- a padding of zero (or even one) doesn't work always!!! */
- padding: 0px;
-
- border-radius: 3px;
- border-width: 1px;
- border-style: solid;
- text-shadow: 0 -1px black;
-
- color: #D9D9D9;
- background-image: -gtk-gradient (radial,
- 0.5 -2.0, 2.0,
- 0.5 -2.0, 3.0,
- from (shade(@button_gradient_color_a, 1.5)),
- to (shade(@button_gradient_color_b, 1.1)));
-}
-
-.titlebar .titlebutton:hover,
-.header-bar.frame.titlebar .button.image-button.titlebutton:hover,
-.button.text-button.titlebutton:hover {
- border-image: none;
- border-style: solid;
- border-color: shade(@button_border, 1.1);
- background-image: linear-gradient(to bottom,
- @button_hover_gradient_color_a,
- @button_hover_gradient_color_b);
-}
-
-.titlebar .titlebutton:active,
-.titlebar .titlebutton:active:hover,
-.header-bar.frame.titlebar:active,
-.header-bar.frame.titlebar:active:hover,
-.button.image-button.titlebutton:active,
-.button.image-button.titlebutton:active:hover,
-.button.text-button.titlebutton:active,
-.button.text-button.titlebutton:active:hover {
- /* some apps need this */
- color: @theme_fg_color;
- border-style: solid;
- background-image: linear-gradient(to bottom,
- shade(@button_gradient_color_b, 1.0),
- @theme_bg_color 50%,
- shade(@button_gradient_color_a, 1.5));
-}
-
-.titlebar .right .titlebutton:first-child {
- border-left: 1px solid @menu_separator;
-}
-
-.titlebar .right .titlebutton:last-child {
-
-}
-
-.titlebar .left .titlebutton:last-child {
- border-right: 1px solid @menu_separator;
-}
-
-.titlebar .left .titlebutton:first-child {
-
-}
-
-.titlebar .titlebutton:backdrop,
-.titlebar .titlebutton:hover:backdrop,
-.header-bar.frame.titlebar .button.image-button.titlebutton:backdrop,
-.header-bar.frame.titlebar .button.image-button.titlebutton:hover:backdrop {
- background: none;
- color: @theme_main_color;
- border-image: none;
- icon-shadow: none;
-}
-
-.titlebar .titlebutton:hover:backdrop,
-.header-bar.frame.titlebar .button.image-button.titlebutton:hover:backdrop {
- color: #747473;
-}
-
-.window-frame {
- border-color: @theme_bg_color;
- border-radius: 7px 7px 0 0;
- border-width: 1px;
- border-style: solid;
- background-color: @theme_bg_color;
- box-shadow: 0 0 0 2px @osd_button_shadow, 0 2px 8px 3px @osd_button_shadow;
-
- /* this is used for the resize cursor area */
- margin: 10px;
-}
-
/****************************
* Suggested action buttons *
****************************/
@@ -1945,12 +1800,6 @@ GtkStatusbar {
-GtkStatusbar-shadow-type: none;
}
-GtkStatusbar .frame {
- background-image: none;
- /* gtk-3.12 */
- background-color: transparent;
-}
-
GtkScrolledWindow,
GtkOverlay /* for floating bars */ {
background-color: transparent;
@@ -1977,12 +1826,7 @@ GtkLabel,
GtkLabel:hover,
GtkLabel:active,
GtkLabel:hover:active,
-GtkLabel:insensitive,
-/* gtk-3.12 */
-GtkBox,
-GtkBox:insensitive,
-GtkGrid,
-GtkGrid:insensitive {
+GtkLabel:insensitive {
background-image: none;
background-color: transparent;
}
@@ -2196,7 +2040,7 @@ GtkIconView.content-view.check:selected {
background-image: linear-gradient(to bottom,
@app_notification_a,
- @app_notification_b 20%,
+ @app_notification_b 18%,
@app_notification_c);
color: @theme_text_color;
@@ -2328,6 +2172,18 @@ TerminalScreen {
-TerminalScreen-background-darkness: 0.95;
}
+/* gnome-contacts */
+.contacts-main-view.view {
+ background-color: @theme_bg_color;
+ color: @theme_fg_color;
+}
+
+.contacts-left-toolbar.toolbar.menubar {
+ border-width: 0 2px 0 0;
+ border-style: solid;
+ border-color: @theme_bg_color;
+}
+
/* gcalctool */
MathWindow {
background-image: none;
@@ -2347,49 +2203,15 @@ MathWindow GtkScrolledWindow GtkViewport.frame {
border-color: @theme_main_color;
}
-/* gnome-contacts */
-.contacts-main-view.view {
- background-color: @theme_bg_color;
- color: @theme_fg_color;
-}
-
-.contacts-left-toolbar.toolbar.menubar {
- border-width: 0 2px 0 0;
- border-style: solid;
- border-color: @theme_bg_color;
-}
-
/* empathy and gnome-contacts */
-EmpathyRosterView,
-ContactsListPane.frame * {
- background-color: @theme_bg_color;
- color: @theme_text_color;
-}
-
-ContactsListPane.frame GtkLabel,
-ContactsListPane.frame GtkImage,
-/* gtk-3.12 */
-ContactsListPane.frame GtkBox,
-ContactsListPane.frame GtkGrid {
+ContactsListPane.frame * {
background-color: transparent;
-}
-
-EmpathyRosterView:hover,
-ContactsView:hover,
-EmpathyRosterView GtkBin:hover,
-ContactsView GtkBin:hover {
- background-color: alpha(shade(@theme_bg_color, 1.1), 0.4);
-}
-
-.contacts-suggestion {
- background-color: @theme_bg_color;
+ color: @theme_text_color;
}
EmpathyRosterView:selected,
-ContactsView:selected,
-EmpathyRosterView GtkBin:selected,
-ContactsView GtkBin:selected {
+ContactsView:selected {
background-image: linear-gradient(to bottom,
shade(@theme_bg_color, 0.8),
shade(@theme_bg_color, 1.2));
@@ -2399,11 +2221,6 @@ ContactsWindow .toolbar {
background-image: none;
}
-ContactsListPane.frame GtkToolbar,
-ContactsListPane GtkScrolledWindow {
- border-radius: 0px;
-}
-
ContactsListPane.frame GtkToolbar {
padding: 4px 4px 10px 4px;
}
@@ -2460,7 +2277,6 @@ NemoView .view,
NautilusView .view {
background-color: shade(@base_color, 1.08)
}
-
.nautilus-inactive-pane .view,
.nemo-inactive-pane .view {
background-color: shade(@theme_bg_color, 0.9);
@@ -2473,6 +2289,10 @@ NautilusView .view {
.nautilus-inactive-pane .notebook tab.top:active,
.nemo-inactive-pane .notebook tab.top:active {
+ -adwaita-border-gradient: -gtk-gradient (linear,
+ left top, left bottom,
+ from (shade(@notebook_active_tab_border, 0.9)),
+ to (shade(@notebook_border, 0.9)));
background-image: linear-gradient(to bottom,
shade(@theme_bg_color, 0.8),
shade(@theme_bg_color, 0.86) 40%,
@@ -2498,9 +2318,9 @@ NemoView .view .entry:focus {
border-color: @theme_selected_bg_color;
}
-/*NemoToolbar .toolbar {
+NemoToolbar .toolbar {
border-radius: 0px;
-}*/
+}
NautilusWindow GtkScrolledWindow.frame,
NemoWindow GtkScrolledWindow.frame {
generated by cgit v1.2.1 (git 2.18.0) at 2024-06-25 18:41:05 +0000