summaryrefslogtreecommitdiff
path: root/desktop-themes
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2016-04-17 14:33:41 +0200
committerraveit65 <[email protected]>2016-04-17 14:33:41 +0200
commit12614f133ba17a83c117beb2c78cbc3855abc044 (patch)
tree7b25d0a6eaa6ec864ae880ffda7c3f25515fa516 /desktop-themes
parent18724e7cc810d39c95e42a48e2df5bc2520fe880 (diff)
downloadmate-themes-12614f133ba17a83c117beb2c78cbc3855abc044.tar.bz2
mate-themes-12614f133ba17a83c117beb2c78cbc3855abc044.tar.xz
Gtk+-3.20 Greenlaguna: fine tuning part-2 .......
- rework notebooks - fix text selection for firefox
Diffstat (limited to 'desktop-themes')
-rw-r--r--desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css432
1 files changed, 364 insertions, 68 deletions
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index c5dcffd3..30bb709c 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -396,7 +396,32 @@ dialog view {
}
textview text selection, textview text selection:focus {
- background-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+/* for firefox and probably other apps */
+label:selected,
+label selection,
+label selection:focus,
+label selection:hover {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+label:disabled:selected,
+label selection:disabled {
+ color: @insensitive_fg_color;
+}
+
+label:backdrop:selected,
+label selection:backdrop {
+ color: @theme_fg_color;
+}
+
+label:backdrop:disabled:selected,
+label selection:backdrop:disabled {
+ color: @insensitive_fg_color;
}
/**************
@@ -818,124 +843,394 @@ levelbar block.empty {
* Notebooks *
*************/
-notebook header {
- background-image: none;
- background-color: @base_color;
- border-style: none;
- border-image: none;
- border-width: 0px;
-}
-
notebook {
- padding: 1px 0px 1px 1px;
+ padding: 0px;
background-clip: border-box;
background-color: shade(@base_color, 1.02);
+ color: @theme_fg_color;
+ border-style: none;
+}
+
+notebook.frame {
border-color: @notebook_border;
- color: @theme_fg_color; /* gdebi bug? */
border-style: solid;
border-width: 1px;
border-radius: 3px;
-/* -GtkNotebook-tab-overlap: 1;
- -GtkNotebook-tab-curvature: 0;
- -GtkNotebook-initial-gap: 0;
- -GtkNotebook-has-tab-gap: true;
- -GtkWidget-focus-padding: 2;
- -GtkWidget-focus-line-width: 0; */
+ padding: 0px;
}
-paned.horizontal notebook .frame {
- border-style: none;
+notebook header.top {
+ border-radius: 3px 3px 0px 0px;
+ border-width: 0px 0px 1px 0px;
+ background-image: linear-gradient(to bottom,
+ shade(@theme_bg_color, 0.86),
+ shade(@theme_bg_color, 1.05));
+ box-shadow: inset 0px -1px alpha(shade(@button_border, 1.00), 0.90);
}
-notebook:hover {
- -gtk-icon-effect: highlight;
- background-color: shade(@theme_bg_color, 1.03);
- color: @theme_fg_color;
+notebook header.bottom {
+ border-radius: 0px 0px 3px 3px;
+ border-width: 1px 0px 0px 0px;
+ background-image: linear-gradient(to top,
+ shade(@theme_bg_color, 0.86),
+ shade(@theme_bg_color, 1.05));
+ box-shadow: inset 0px 1px alpha(shade(@button_border, 1.00), 0.90);
+}
+
+notebook header.left {
+ border-radius: 3px 0px 0px 3px;
+ border-width: 1px 1px 0px 0px;
+ background-image: linear-gradient(to right,
+ shade(@theme_bg_color, 0.86),
+ shade(@theme_bg_color, 1.05));
+ box-shadow: inset -1px 0px alpha(shade(@button_border, 1.00), 0.90);
+}
+
+notebook header.right {
+ border-radius: 0px 3px 3px 0px;
+ border-width: 0px 0px 0px 1px;
+ background-image: linear-gradient(to left,
+ shade(@theme_bg_color, 0.86),
+ shade(@theme_bg_color, 1.05));
+ box-shadow: inset 1px 0px alpha(shade(@button_border, 1.00), 0.90);
+}
+
+/*
+paned.horizontal notebook .frame {
+ border-style: none;
}
notebook.arrow:disabled {
color: transparent;
}
+*/
notebook header tab {
- padding: 3px 8px 0px;
- border-style: solid;
- border-width: 1px 1px 0px 1px;
- border-color: @notebook_border;
+ border-color: transparent;
+ border-width: 0px;
+ background-image: none;
+ background-color: transparent;
+}
+
+notebook header tab label {
+ color: mix (@theme_fg_color, @theme_bg_color, 0.40);
+ font-weight: normal;
+}
+
+notebook header .prelight-page,
+notebook header .prelight-page label {
+ color: mix (@theme_fg_color, @theme_bg_color, 0.15);
+}
+
+notebook header .active-page,
+notebook header tab .active-page label {
+ color: @theme_fg_color;
+}
+
+/* tabs and header in view areas, ie. pluma-, caja-tabs */
+paned.horizontal > box.vertical > notebook > header.top,
+paned.horizontal > paned.vertical > notebook > header.top {
+ border-style: solid;
+ border-color: @notebook_border;
+ border-width: 1px 1px 1px 1px;
+ border-radius: 3px 3px 0px 0px;
+ box-shadow: none;
+}
+
+paned.horizontal > box.vertical > notebook scrolledwindow.frame,
+paned.horizontal > paned.vertical > notebook scrolledwindow.frame {
+ border-width: 0px 1px 1px 1px;
+ border-style: solid;
+ border-color: @notebook_border;
+}
+
+paned.horizontal > notebook > header tab,
+paned.horizontal > box.vertical > notebook > header tab,
+paned.horizontal > paned.vertical > notebook > header tab {
background-image: linear-gradient(to bottom,
shade(@theme_bg_color, 1.1),
shade(@theme_bg_color, 0.77));
+ padding: 2px 4px;
+ margin: 0px -0px 0px -1px;
+ border-width: 0px 1px 0 1px;
+ border-style: solid;
+ border-radius: 3px 3px 0 0;
+ border-color: @notebook_border;
}
-notebook header tab:active {
+paned.horizontal > notebook > header.top tab:checked,
+paned.horizontal > notebook > header.top tab:checked:hover,
+paned.horizontal > box.vertical > notebook > header.top tab:checked,
+paned.horizontal > box.vertical > notebook > header.top tab:checked:hover,
+paned.horizontal > paned.vertical > notebook > header.top tab:checked,
+paned.horizontal > paned.vertical > notebook > header.top tab:checked:hover {
background-image: linear-gradient(to bottom,
shade(@theme_bg_color, 0.9),
shade(@theme_bg_color, 0.98) 40%,
shade(@theme_bg_color, 1.02) 70%,
@theme_bg_color);
+ border-radius: 3px 3px 0 0;
+ border-width: 0px 1px 0 1px;
+ border-style: solid;
+ border-color: @notebook_border;
+ box-shadow: none;
}
-notebook header tab.top {
- /* top right-left bottom */
- padding: 3px 8px 0px;
+paned.horizontal > notebook > header.top tab:hover,
+paned.horizontal > box.vertical > notebook > header.top tab:hover,
+paned.horizontal > paned.vertical > notebook > header.top tab:hover {
+ background-image: linear-gradient(to top,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-radius: 3px 3px 0 0;
+ border-width: 0px 1px 0 1px;
+ border-style: solid;
+ border-color: @notebook_border;
+ box-shadow: none;
+}
+
+paned.horizontal > box.vertical > notebook > header button.flat,
+paned.horizontal > paned.vertical > notebook > header button.flat {
+ padding: 1px;
}
-notebook header tab.top:active {
- padding: 3px 8px 0px;
+/* other notebooks */
+paned.horizontal > notebook {
+ border-width: 1px 1px 1px 1px;
+ border-style: solid;
+ border-color: @notebook_border;
+ border-radius: 3px 3px 0px 0px;
}
-notebook header tab.top,
-.notebook tab.top:active {
- border-radius: 3px 3px 0px 0px;
+paned.horizontal > notebook > header {
+ border-width: 0px 0px 0px 0px;
+ border-style: solid;
+ border-color: @notebook_border;
+ border-radius: 3px 3px 0px 0px;
}
-notebook header tab.bottom {
- padding: 0px 8px 3px;
+paned.horizontal > notebook > header label {
+ padding: 4px;
}
-notebook header tab.bottom:active {
- padding: 0px 8px 4px;
+paned.horizontal > notebook > header button.flat.small-button {
+ padding: 1px;
+}
+
+/* tabs in dialog windows */
+/* horizontal tabs */
+notebook.frame > header.top tab,
+notebook.frame > header.bottom tab {
+ margin: 0px 0px 0px -1px;
+ border-width: 0px 1px 0px 1px;
+ border-style: solid;
+ border-color: transparent;
+}
+
+notebook.frame > header.top tab {
+ padding: 4px 10px 5px;
+}
+
+notebook.frame > header.top tab:checked,
+notebook.frame > header.top tab:checked:hover {
+ background-image: linear-gradient(to bottom,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-radius: 3px 3px 0px 0px;
+ border-width: 0px 1px 0px 1px;
+ border-style: solid;
+ border-color: @notebook_border;
+}
+
+notebook.frame > header.top tab:hover {
background-image: linear-gradient(to top,
- shade(@theme_bg_color, 1.1),
- shade(@theme_bg_color, 1.04) 40%,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
shade(@theme_bg_color, 1.02) 70%,
@theme_bg_color);
+ border-radius: 3px 3px 0px 0px;
+ border-width: 0px 1px 0px 1px;
+ border-style: solid;
+ border-color: @notebook_border;
}
-notebook header tab.bottom,
-notebook header tab.bottom:active {
- border-radius: 0px 0px 3px 3px;
- border-width: 0px 1px 1px 1px;
+notebook.frame > header.bottom tab {
+ padding: 5px 10px 4px;
}
-notebook header tab.left,
-notebook header tab.left:active {
- border-radius: 3px 0px 0px 3px;
- padding: 2px 4px 2px;
- border-width: 1px 0px 1px 1px;
+notebook.frame > header.bottom tab:checked,
+notebook.frame > header.bottom tab:checked:hover {
+ background-image: linear-gradient(to top,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-radius: 0px 0px 3px 3px;
+ border-style: solid;
+ border-width: 0px 1px 0px 1px;
+ border-color: @notebook_border;
}
-notebook header tab.right,
-notebook header tab.right:active {
- border-radius: 0px 3px 3px 0px;
- padding: 2px 4px 2px;
- border-width: 1px 1px 1px 0px;
+notebook.frame > header.bottom tab:hover {
+ background-image: linear-gradient(to top,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-radius: 0px 0px 3px 3px;
+ border-style: solid;
+ border-width: 0px 1px 0px 1px;
+ border-color: @notebook_border;
}
-notebook header tab.left:active,
-notebook header tab.right:active {
- background-image: none;
- background-color: @theme_bg_color;
+/* vertical tabs */
+notebook.frame > header.left tab,
+notebook.frame > header.right tab {
+ padding: 4px 10px;
+ margin: -1px 0px 0px 0px;
+ border-width: 1px 0px 1px 0px;
+ border-style: solid;
+ border-color: transparent;
}
-notebook button.flat.small-button {
- padding: 1px;
- border-radius: 4px;
+notebook.frame > header.left tab:checked,
+notebook.frame > header.left tab:checked:hover {
+ background-image: linear-gradient(to right,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-style: solid;
+ border-width: 1px 0px 1px 0px;
+ border-color: @notebook_border;
+ border-radius: 3px 0px 0px 3px;
+}
+
+notebook.frame > header.left tab:hover {
+ background-image: linear-gradient(to left,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-style: solid;
+ border-width: 1px 0px 1px 0px;
+ border-color: @notebook_border;
+ border-radius: 3px 0px 0px 3px;
+}
+
+notebook.frame > header.right tab:checked,
+notebook.frame > header.right tab:checked:hover {
+ background-image: linear-gradient(to left,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-style: solid;
+ border-width: 1px 0px 1px 0px;
+ border-color: @notebook_border;
+ border-radius: 0px 3px 3px 0px;
+}
+
+notebook.frame > header.right tab:hover {
+ background-image: linear-gradient(to right,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-style: solid;
+ border-width: 1px 0px 1px 0px;
+ border-color: @notebook_border;
+ border-radius: 0px 3px 3px 0px;
+}
+
+notebook tab.reorderable-page:hover {
+ background-image: linear-gradient(to top,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-radius: 0;
+ box-shadow: inset 1px 0 alpha(@borders, 0.6), inset -1px 0 alpha(@borders, 0.6);
+ border-style: none;
+}
+
+notebook tab.reorderable-page:checked {
+ background-image: linear-gradient(to bottom,
+ shade(@theme_bg_color, 0.9),
+ shade(@theme_bg_color, 0.98) 40%,
+ shade(@theme_bg_color, 1.02) 70%,
+ @theme_bg_color);
+ border-radius: 3px 3px 0 0;
+ box-shadow: none;
+ border-style: solid;
+}
+
+notebook.frame > header > button.flat.toggle.image-button.popup.circular {
+ padding: 0px;
+ border-radius: 3px;
+ border-image: none;
+}
+
+notebook > header button.flat,
+notebook > header button.flat.small-button {
+ padding: 0px;
+ border-radius: 3px;
border-image: none;
border-style: none;
+ background-image: none;
background-color: transparent;
}
+notebook > header button.flat:hover,
+notebook > header button.flat.small-button:hover {
+ -gtk-icon-effect: highlight;
+}
+
+notebook header.top tabs arrow.up,
+notebook header.bottom tabs arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook header.top tabs arrow.down,
+notebook header.bottom tabs arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook header.left tabs arrow.up,
+notebook header.right tabs arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook header.left tabs arrow.down,
+notebook header.right tabs arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook header tabs arrow {
+ color: @theme_fg_color;
+}
+
+notebook header tabs arrow:hover,
+notebook header tabs arrow:checked {
+ color: @theme_selected_bg_color;
+}
+
+notebook header tabs arrow:disabled {
+ color: rgba(141, 144, 145, 0.3);
+}
+
+notebook header tabs arrow:backdrop {
+ color: rgba(84, 89, 90, 0.4);
+}
+
+notebook header tabs arrow:backdrop:disabled {
+ color: #c7c7c7;
+}
+
notebook paned separator {
background-image: linear-gradient(to right,
shade(@theme_bg_color, 1.5),
@@ -3334,19 +3629,21 @@ calendar.header .app-notification.frame button.titlebutton {
/*************
* Calendars *
*************/
-calendar.view {
+
+calendar {
border-radius: 3px;
border-style: solid;
border-width: 1px;
- padding: 2px;
+ border-color: @borders;
+ padding: 1px;
}
calendar.header {
- border-radius: 0px;
+ border-radius: 3px 3px 0px 0px;
background-image: linear-gradient(to bottom,
shade(@theme_bg_color, 1.1),
shade(@theme_bg_color, 0.86));
- border-width: 1px;
+ border-width: 0px 0px 1px 0px;
}
calendar.button {
@@ -3355,7 +3652,6 @@ calendar.button {
rgba (0, 0, 0, 0));
}
-highlight,
calendar.highlight {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;