summaryrefslogtreecommitdiff
path: root/desktop-themes
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2014-10-20 15:43:26 +0200
committerraveit65 <[email protected]>2014-10-20 15:43:26 +0200
commit4c015687ba24b02f1936f9201985d782bea59970 (patch)
tree525b475a03ed24adfb2cff8d7e08d123b08533e1 /desktop-themes
parent357b98dde836b2bfc819a1ef3ab673cb46aa0c6a (diff)
downloadmate-themes-4c015687ba24b02f1936f9201985d782bea59970.tar.bz2
mate-themes-4c015687ba24b02f1936f9201985d782bea59970.tar.xz
Menta: more adjustements for GTK3-3.14
Diffstat (limited to 'desktop-themes')
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-main.css2
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css42
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css34
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css45
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-widgets.css1024
5 files changed, 753 insertions, 394 deletions
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-main.css b/desktop-themes/Menta/gtk-3.0/gtk-main.css
index 50c12a70..93be8a60 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-main.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-main.css
@@ -216,7 +216,7 @@
@import url("gtk-widgets-borders.css");
@import url("gtk-widgets-assets.css");
@import url("gtk-widgets.css");
-@import url("gnome-applications.css");
+/*@import url("gnome-applications.css");*/
@import url("mate-applications.css");
@import url("other-applications.css");
@import url("unity.css");
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css
index 1d8e1a94..89796a33 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-assets.css
@@ -47,8 +47,7 @@
*************************/
/* draw regular check and radio items using our SVG assets */
-GtkModelButton.button.check,
-GtkModelButton.button.check:hover,
+
.check,
.view.cell.check {
-gtk-icon-source: -gtk-scaled(url("assets/check-normal.png"));
@@ -56,7 +55,6 @@ GtkModelButton.button.check:hover,
background-position: center;
}
-GtkModelButton.button.check:insensitive,
.check:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/check-normal-ins.png"));
}
@@ -65,15 +63,15 @@ GtkModelButton.button.check:insensitive,
background-color: transparent;
}
-GtkModelButton.button.check:checked,
-GtkModelButton.button.check:checked:hover,
+.check:active,
.check:checked,
+.view.cell.check:active,
.view.cell.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/check-active.png"));
}
-GtkModelButton.button.check:checked:insensitive,
-.check:active:insensitive {
+.check:active:insensitive,
+.check:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/check-active-ins.png"));
}
@@ -85,8 +83,6 @@ GtkModelButton.button.check:checked:insensitive,
-gtk-icon-source: -gtk-scaled(url("assets/check-mixed-active-ins.png"));
}
-GtkModelButton.button.radio,
-GtkModelButton.button.radio:hover,
.radio,
.view.cell.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-normal.png"));
@@ -94,7 +90,6 @@ GtkModelButton.button.radio:hover,
background-position: center;
}
-GtkModelButton.button.radio:insensitive,
.radio:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-normal-ins.png"));
}
@@ -103,12 +98,15 @@ GtkModelButton.button.radio:insensitive,
background-color: transparent;
}
+.radio:active,
+.view.cell.radio:active,
.radio:checked,
.view.cell.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-active.png"));
}
-.radio:active:insensitive {
+.radio:active:insensitive,
+.radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-active-ins.png"));
}
@@ -120,6 +118,9 @@ GtkModelButton.button.radio:insensitive,
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-ins.png"));
}
+.sidebar .view.radio:active,
+.sidebar .view.radio:active:focus,
+.sidebar .view.radio:active:hover,
.sidebar .view.radio:checked,
.sidebar .view.radio:checked:focus,
.sidebar .view.radio:checked:hover {
@@ -130,13 +131,15 @@ GtkModelButton.button.radio:insensitive,
-gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-prelight.svg"));
}
-.sidebar .view.radio:checked:active,
-.sidebar .view.radio:checked:active:focus {
+.sidebar .view.radio:active:selected,
+.sidebar .view.radio:active:selected:focus,
+.sidebar .view.radio:checked:selected,
+.sidebar .view.radio:checked:selected:focus {
-gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-selected.svg"));
}
-.sidebar .view.radio:active:hover,
-.sidebar .view.radio:active:focus {
+.sidebar .view.radio:selected:hover,
+.sidebar .view.radio:selected:focus {
-gtk-icon-source: -gtk-scaled(url("assets/sidebar-radio-selected-prelight.svg"));
}
@@ -269,6 +272,15 @@ GtkSwitch.trough:active:insensitive {
background-image: url("assets/slider.png");
}
+.entry.cursor-handle.top,
+.cursor-handle.top {
+ -gtk-icon-source: -gtk-icontheme("selection-start-symbolic");
+}
+.entry.cursor-handle.bottom,
+.cursor-handle.bottom {
+ -gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
+}
+
/****************
* Content view *
****************/
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css
index d329496f..8cf81e04 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-backgrounds.css
@@ -11,8 +11,11 @@
}
/* Pushed button and progressbar through background */
+.button:checked,
.button:active,
.button:active:hover,
+.spinbutton.vertical .button:checked,
+.spinbutton.vertical .button:checked:hover,
.spinbutton.vertical .button:active,
.spinbutton.vertical .button:active:hover,
.toolbar .button:active,
@@ -20,7 +23,13 @@
.toolbar .button.raised:active,
.toolbar .raised .button:active,
.toolbar .button.raised:active:hover,
-.toolbar .raised .button:active:hover {
+.toolbar .raised .button:active:hover,
+.toolbar .button:checked,
+.toolbar .button:checked:hover,
+.toolbar .button.raised:checked,
+.toolbar .raised .button:checked,
+.toolbar .button.raised:checked:hover,
+.toolbar .raised .button:checked:hover {
background-image: linear-gradient(to bottom,
@button_active_gradient_color_a,
@button_active_gradient_color_b);
@@ -36,11 +45,15 @@
background-color: transparent;
}
+.button:checked:hover,
.button:active:hover,
.spinbutton.vertical .button:active:hover,
.toolbar .button:active:hover,
.toolbar .button.raised:active:hover,
.toolbar .raised .button:active:hover,
+.toolbar .button:checked:hover,
+.toolbar .button.raised:checked:hover,
+.toolbar .raised .button:checked:hover,
.trough row:hover {
background-image: linear-gradient(to bottom,
shade (@button_active_gradient_color_a, 1.05),
@@ -49,6 +62,8 @@
}
/* Primary and inline toolbars pushed button background */
+.primary-toolbar .button:checked,
+.inline-toolbar .button:checked,
.primary-toolbar .button:active,
.inline-toolbar .button:active {
background-image: linear-gradient(to bottom,
@@ -57,6 +72,8 @@
background-color: transparent;
}
+.primary-toolbar .button:checked:hover,
+.inline-toolbar .button:checked:hover,
.primary-toolbar .button:active:hover,
.inline-toolbar .button:active:hover {
background-image: linear-gradient(to bottom,
@@ -98,8 +115,11 @@
/* Pushed + Insensitive button background */
.button:active:insensitive,
+.button:checked:insensitive,
.toolbar .button:active:insensitive,
-.toolbar GtkComboBox .button:active:insensitive {
+.toolbar .button:checked:insensitive,
+.toolbar GtkComboBox .button:active:insensitive,
+.toolbar GtkComboBox .button:checked:insensitive {
background-image: linear-gradient(to bottom,
shade(@insensitive_bg_color, 0.95),
@insensitive_bg_color 40%,
@@ -123,10 +143,14 @@ GtkComboBox.combobox-entry .button:hover,
/* Entry pushed button background */
.primary-toolbar GtkComboBox.combobox-entry .button:active,
+.primary-toolbar GtkComboBox.combobox-entry .button:checked,
/* .primary-toolbar GtkComboBox.combobox-entry .button:hover:active,*/
GtkComboBox.combobox-entry .button:active,
.spinbutton .button:active,
-.spinbutton .button:active:hover {
+.spinbutton .button:active:hover,
+GtkComboBox.combobox-entry .button:checked,
+.spinbutton .button:checked,
+.spinbutton .button:checked:hover {
background-image: linear-gradient(to bottom,
shade(@entry_background_a, 0.9),
@entry_background_b);
@@ -153,6 +177,10 @@ column-header .button:hover {
column-header.button:focus,
column-header .button:focus,
+column-header.button:checked,
+column-header .button:checked,
+column-header.button:checked:hover,
+column-header .button:checked:hover,
column-header.button:active,
column-header .button:active,
column-header.button:active:hover,
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css
index 699b058e..93711d3b 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css
@@ -5,10 +5,11 @@
GtkComboBox.combobox-entry .entry,
GtkComboBox.combobox-entry .button,
.button:active,
+.button:checked,
.spinbutton.vertical .button:active,
-.inline-toolbar.toolbar.vertical .button:active
-/*.titlebar .titlebutton:active,
-.titlebar .titlebutton:hover:active*/ {
+.inline-toolbar.toolbar.vertical .button:active,
+.spinbutton.vertical .button:checked,
+.inline-toolbar.toolbar.vertical .button:checked {
border-image: url("borders/button-active.png") 3 4 4 4 / 3px 4px 4px 4px stretch;
border-radius: 4px;
border-width: 2px;
@@ -63,14 +64,19 @@ GtkComboBox.combobox-entry .button:insensitive,
GtkComboBox.combobox-entry .button:focus,
.button.default:active,
.inline-toolbar.toolbar.vertical .button.default:active,
+.button.default:checked,
+.inline-toolbar.toolbar.vertical .button.default:checked,
.button:active:focus,
.spinbutton.vertical .button:active:focus,
.inline-toolbar.toolbar.vertical .button:active:focus
-/*.titlebar .titlebutton:active:focus,
-.titlebar .titlebutton:hover:active:focus*/ {
+.button:checked:focus,
+.spinbutton.vertical .button:checked:focus,
+.inline-toolbar.toolbar.vertical .button:active:focus,
+.spinbutton.vertical .button:checked:focus,
+.inline-toolbar.toolbar.vertical .button:checked:focus {
border-image: url("borders/button-active-focus.png") 3 4 4 4 / 3px 4px 4px 4px stretch;
border-radius: 4px;
- border-width: 2px; /*1px 1px 2px 1px;*/
+ border-width: 2px;
border-style: solid;
border-color: transparent;
}
@@ -112,7 +118,8 @@ GtkComboBox.combobox-entry .button:focus,
background-color: transparent;
}
-.primary-toolbar .button:active {
+.primary-toolbar .button:active,
+.primary-toolbar .button:checked {
border-image: url("borders/button-active.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
background-color: transparent;
}
@@ -148,7 +155,12 @@ GtkComboBox.combobox-entry .button:focus,
.primary-toolbar .button.raised:active,
.primary-toolbar .raised .button:active,
.inline-toolbar.toolbar .button:active,
+.primary-toolbar .button:checked,
+.primary-toolbar .button.raised:checked,
+.primary-toolbar .raised .button:checked,
+.inline-toolbar.toolbar .button:checked,
.primary-toolbar GtkSwitch.trough,
+.primary-toolbar GtkComboBox .button:checked,
.primary-toolbar GtkComboBox .button:active {
border-image: url("borders/button-active.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
border-radius: 4px;
@@ -175,6 +187,9 @@ GtkComboBox.combobox-entry .button:focus,
.primary-toolbar .button:active:focus,
.primary-toolbar .entry:focus,
.primary-toolbar GtkComboBox.combobox-entry .entry:focus,
+.primary-toolbar .button.raised.default:checked,
+.primary-toolbar .raised .button.default:checked,
+.inline-toolbar.toolbar .button.default:checked,
.primary-toolbar .button.raised.default:active,
.primary-toolbar .raised .button.default:active,
.inline-toolbar.toolbar .button.default:active {
@@ -216,6 +231,10 @@ column-header.button:active,
column-header .button:active,
column-header.button:active:hover,
column-header .button:active:hover,
+column-header.button:checked,
+column-header .button:checked,
+column-header.button:checked:hover,
+column-header .button:checked:hover,
column-header.button:insensitive,
column-header .button:insensitive {
border-width: 0 1px 1px 0;
@@ -230,6 +249,10 @@ column-header.button:active,
column-header .button:active,
column-header.button:active:hover,
column-header .button:active:hover,
+column-header.button:checked,
+column-header .button:checked,
+column-header.button:checked:hover,
+column-header .button:checked:hover,
column-header .button.dnd {
border-image: linear-gradient(to top,
alpha(@theme_base_color, 0.0),
@@ -248,7 +271,11 @@ column-header:last-child .button,
column-header.button:last-child:active,
column-header:last-child .button:active,
column-header.button:last-child:active:hover,
-column-header:last-child .button:active:hover {
+column-header:last-child .button:active:hover,
+column-header.button:last-child:checked,
+column-header:last-child .button:checked,
+column-header.button:last-child:checked:hover,
+column-header:last-child .button:checked:hover {
border-right-width: 0;
}
@@ -274,6 +301,7 @@ column-header .button:focus {
/* suggested action buttons borders */
.suggested-action.button,
+.suggested-action.button:checked,
.suggested-action.button:active {
border-image: url("borders/button-focus.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
border-radius: 3px;
@@ -285,6 +313,7 @@ column-header .button:focus {
/* destructive action buttons borders */
.destructive-action.button,
+.destructive-action.button:checked,
.destructive-action.button:active {
border-image: url("borders/button-focus.png") 3 3 4 3 / 3px 3px 4px 3px stretch;
border-radius: 3px;
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index 9fd34b57..4be41cc8 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -1,57 +1,38 @@
* {
engine: none;
padding: 0;
-
background-clip: padding-box;
-
-GtkButton-child-displacement-x: 1;
-GtkButton-child-displacement-y: 1;
-GtkButtonBox-child-min-height: 26;
-
-GtkToolButton-icon-spacing: 4;
-
-GtkTextView-error-underline-color: @error_color;
-
- -GtkPaned-handle-size: 5;
-
+ -GtkPaned-handle-size: 1;
-GtkCheckButton-indicator-size: 16;
-GtkCheckMenuItem-indicator-size: 12;
-
- /* The size for scrollbars. The slider is 2px smaller, but we keep it
- * up so that the whole area is sensitive to button presses for the
- * slider. The stepper button is larger in both directions, the slider
- * only in the width
- */
-
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkScrolledWindow-scrollbars-within-bevel: 1;
-
-GtkToolItemGroup-expander-size: 11;
-GtkExpander-expander-size: 11;
-GtkTreeView-expander-size: 11;
-
-GtkTreeView-horizontal-separator: 4;
-
-GtkMenu-horizontal-padding: 0;
-GtkMenu-vertical-padding: 0;
-
-GtkWidget-link-color: @link_color;
-GtkWidget-visited-link-color: @link_color;
-
-WnckTasklist-fade-overlay-rect: 0;
-
-GtkWidget-focus-padding: 2;
-GtkWidget-focus-line-width: 0;
-GtkWindow-resize-grip-width: 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.
- */
+ -GtkDialog-button-spacing: 4;
+ -GtkDialog-action-area-border: 0;
+ -GtkStatusbar-shadow-type: none;
outline-color: alpha(@theme_text_color, 0.3);
outline-style: dashed;
- outline-offset: 2px;
+ outline-offset: -3px; /* 2px */
+ outline-width: 1px;
+ outline-radius: 2px;
}
/***************
@@ -131,6 +112,28 @@ GtkGrid:insensitive {
background-color: transparent;
}
+GtkFlowBox .grid-child {
+ padding: 3px;
+ border-radius: 3px;
+}
+
+GtkFlowBox .grid-child:selected {
+ outline-offset: -2px;
+}
+
+GtkTextView {
+ background-color: @theme_base_color;
+}
+
+/* Zuki-theme FIXME: Figure out what this is. */
+.app-notification,
+.app-notification.frame {
+ color: @theme_base_color;
+ outline-color: @theme_bg_color;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
/************
* Tooltips *
************/
@@ -151,123 +154,33 @@ GtkGrid:insensitive {
background-color: transparent;
}
-/*****************
- * Miscellaneous *
- *****************/
-@keyframes spinner {
- 0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
-
- 12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
-
- 25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); }
-
- 37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); }
-
- 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); }
-
- 62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); }
-
- 75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); }
-
- 87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); }
-
- 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
-}
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to { -gtk-icon-transform: rotate(1turn); } }
.spinner {
- background-color: transparent;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
- background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
- background-size: 20% 20%;
- background-repeat: no-repeat;
+ background-image: none;
+ background-color: blue;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
}
.spinner:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
- animation: spinner 1s infinite linear;
+ opacity: 1;
+ animation: spin 1s linear infinite; }
+.spinner:active:insensitive {
+ opacity: 0.5;
}
.button .spinner:active {
color: @theme_fg_color;
}
+/*****************
+ * Miscellaneous *
+ *****************/
.view.rubberband,
.rubberband {
background-color: alpha (@theme_selected_bg_color, 0.35);
@@ -278,10 +191,16 @@ GtkGrid:insensitive {
border-radius: 0px;
}
+.overshoot {
+ background-color: alpha (@theme_selected_bg_color, 0.35);
+}
+
GtkStatusbar {
padding: 5px;
color: @theme_fg_color;
-GtkStatusbar-shadow-type: none;
+ box-shadow: inset 0 1px 0 0 @borders;
+ font-size: smaller;
}
.dnd {
@@ -305,8 +224,13 @@ GtkTreeView.separator,
}
.pane-separator {
- background-color: @theme_bg_color;
- color: shade (@inactive_frame_color, 0.80);
+ -GtkPaned-handle-size: 1;
+ border-width: 0 1px 1px 1px;
+ border-style: solid;
+ border-color: @borders;
+ background-color: @sidebar_bg;
+ background-image: url("assets/null.png");
+ color: @borders;
}
.pane-separator:hover,
@@ -324,7 +248,7 @@ GtkTreeView.separator,
****************/
.entry {
border-style: solid;
- padding: 4px;
+ padding: 5px 4px 6px; /*4px;*/
/* border-image defined in the -assets variants */
@@ -337,6 +261,14 @@ GtkTreeView.separator,
padding-right: 6px;
}
+.entry.flat, .entry.flat:focus {
+ padding: 2px;
+ background-color: @theme_base_color;
+ border-color: @borders;
+ border: none;
+ border-radius: 0;
+}
+
.entry:focus {
box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1),
inset 1px 1px alpha(@theme_selected_bg_color, 0.1),
@@ -677,12 +609,13 @@ GtkColorButton.button {
* Progress bar *
****************/
-/* FIXME: this should really be a margin... */
GtkProgressBar {
+ /* FIXME - Not working 3.14 */
-GtkProgressBar-min-horizontal-bar-height: 16;
-GtkProgressBar-min-vertical-bar-width: 16;
border-radius: 16px;
padding: 0 0 1px 0;
+ font-size: smaller;
}
/* progress component */
@@ -763,28 +696,6 @@ GtkLevelBar.vertical {
margin: 1px 0;
}
-/* discrete indicator border rounding,
- uncomment when :nth-child will be working
- on the widget
-
-.level-bar.indicator-discrete.fill-block.horizontal:first-child {
- border-radius: 2px 0 0 2px;
-}
-
-.level-bar.indicator-discrete.fill-block.horizontal:last-child {
- border-radius: 0 2px 2px 0;
-}
-
-.level-bar.indicator-discrete.fill-block.vertical:first-child {
- border-radius: 2px 2px 0 0;
-}
-
-.level-bar.indicator-discrete.fill-block.vertical:last-child {
- border-radius: 0 0 2px 2px;
-}
-
-*/
-
.level-bar.fill-block.level-high {
border-color: shade(@success_color, 0.85);
background-image: linear-gradient(to bottom,
@@ -929,6 +840,15 @@ GtkLevelBar.vertical {
padding: 0;
}
+.frame.flat {
+ border-style: none;
+}
+
+.frame.action-bar {
+ padding: 6px;
+ border-width: 1px 0 0;
+}
+
GtkScrolledWindow.frame {
border-style: solid;
border-color: @borders;
@@ -950,12 +870,12 @@ GtkScrolledWindow GtkViewport.frame {
.button.menuitem.menubar,
GtkColorButton.button,
GtkComboBox.combobox-entry .button {
- padding: 1px 4px;
+ padding: 4px;
}
.button.image-button,
.primary-toolbar.toolbar .button.image-button {
- padding: 3px 4px 4px;
+ padding: 4px;
}
.button {
@@ -975,6 +895,16 @@ GtkComboBox.combobox-entry .button {
color: @theme_fg_color;
}
+.button.flat {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0);
+ text-shadow: none;
+ icon-shadow: none;
+ border-image: none;
+}
+
/* We may want a background for focused buttons, but in the meantime let's remove it too */
.primary-toolbar .button,
.primary-toolbar .button:insensitive,
@@ -999,13 +929,17 @@ GtkComboBox.combobox-entry .button {
.primary-toolbar .button:active,
.inline-toolbar .button:active,
-.button:active {
+.button:active,
+.primary-toolbar .button:checked,
+.inline-toolbar .button:checked,
+.button:checked {
color: @button_active_text;
text-shadow: 0 1px @button_active_text_shadow;
}
.button:insensitive,
-.button:active *:insensitive {
+.button:active *:insensitive,
+.button:checked *:insensitive {
color: @insensitive_fg_color;
text-shadow: none;
}
@@ -1019,7 +953,10 @@ GtkComboBox.combobox-entry .button {
.toolbar .button.raised:active,
.toolbar .raised .button:active,
-.inline-toolbar .button:active {
+.inline-toolbar .button:active
+.toolbar .button.raised:checked,
+.toolbar .raised .button:checked,
+.inline-toolbar .button:checked {
icon-shadow: 0 1px @button_active_text_shadow;
text-shadow: 0 1px @button_active_text_shadow;
}
@@ -1092,7 +1029,12 @@ GtkComboBox.combobox-entry .button {
.toolbar .button.raised.linked:active,
.toolbar .raised.linked .button:active,
.inline-toolbar.toolbar .button:active,
-.inline-toolbar.toolbar GtkToolButton > .button:active {
+.inline-toolbar.toolbar GtkToolButton > .button:active,
+.linked .button:checked,
+.toolbar .button.raised.linked:checked,
+.toolbar .raised.linked .button:checked,
+.inline-toolbar.toolbar .button:checked,
+.inline-toolbar.toolbar GtkToolButton > .button:checked {
box-shadow: inset 1px 0 @inset_dark_color;
}
@@ -1126,7 +1068,17 @@ GtkComboBox.combobox-entry .button {
.toolbar .button.raised.linked:first-child:active,
.toolbar .raised.linked .button:first-child:active,
.inline-toolbar.toolbar .button:first-child:active,
-.inline-toolbar.toolbar GtkToolButton > .button:first-child:active {
+.inline-toolbar.toolbar GtkToolButton > .button:first-child:active,
+.linked .button:only-child:checked,
+.toolbar .button.raised.linked:only-child:checked,
+.toolbar .raised.linked .button:only-child:checked,
+.inline-toolbar.toolbar .button:only-child:checked,
+.inline-toolbar.toolbar GtkToolButton > .button:only-child:checked,
+.linked .button:first-child:checked,
+.toolbar .button.raised.linked:first-child:checked,
+.toolbar .raised.linked .button:first-child:checked,
+.inline-toolbar.toolbar .button:first-child:checked,
+.inline-toolbar.toolbar GtkToolButton > .button:first-child:checked {
box-shadow: inset 0 1px 1px alpha(black, 0.1);
}
@@ -1135,6 +1087,8 @@ GtkComboBox.combobox-entry .button {
.linked .button,
.linked .button:active,
.linked .button:active:hover,
+.linked .button:checked,
+.linked .button:checked:hover,
.linked .button:insensitive {
border-right-width: 0;
border-left-width: 0;
@@ -1147,6 +1101,8 @@ GtkComboBox.combobox-entry .button {
.linked .button:first-child,
.linked .button:active:first-child,
.linked .button:active:hover:first-child,
+.linked .button:checked:first-child,
+.linked .button:checked:hover:first-child,
.linked .button:insensitive:first-child {
border-right-width: 0;
border-left-width: 2px;
@@ -1160,6 +1116,8 @@ GtkComboBox.combobox-entry .button {
.linked .button:last-child,
.linked .button:active:last-child,
.linked .button:active:hover:last-child,
+.linked .button:checked:last-child,
+.linked .button:checked:hover:last-child,
.linked .button:insensitive:last-child {
border-right-width: 2px;
border-left-width: 0;
@@ -1173,6 +1131,8 @@ GtkComboBox.combobox-entry .button {
.linked .button:only-child,
.linked .button:active:only-child,
.linked .button:active:hover:only-child,
+.linked .button:checked:only-child,
+.linked .button:checked:hover:only-child,
.linked .button:insensitive:only-child {
border-right-width: 1px;
border-left-width: 1px;
@@ -1185,6 +1145,8 @@ GtkComboBox.combobox-entry .button {
.linked.vertical .button,
.linked.vertical .button:active,
.linked.vertical .button:active:hover,
+.linked.vertical .button:checked,
+.linked.vertical .button:checked:hover,
.linked.vertical .button:insensitive {
border-top-width: 0;
border-bottom-width: 0;
@@ -1197,6 +1159,8 @@ GtkComboBox.combobox-entry .button {
.linked.vertical .button:first-child,
.linked.vertical .button:active:first-child,
.linked.vertical .button:active:hover:first-child,
+.linked.vertical .button:checked:first-child,
+.linked.vertical .button:checked:hover:first-child,
.linked.vertical .button:insensitive:first-child {
border-bottom-width: 0;
border-image-width: 3px 4px 0 4px;
@@ -1208,6 +1172,8 @@ GtkComboBox.combobox-entry .button {
.linked.vertical .button:last-child,
.linked.vertical .button:active:last-child,
.linked.vertical .button:active:hover:last-child,
+.linked.vertical .button:checked:last-child,
+.linked.vertical .button:checked:hover:last-child,
.linked.vertical .button:insensitive:last-child {
border-top-width: 0;
border-image-width: 0 4px 4px 4px;
@@ -1219,6 +1185,8 @@ GtkComboBox.combobox-entry .button {
.linked.vertical .button:only-child,
.linked.vertical .button:active:only-child,
.linked.vertical .button:active:hover:only-child,
+.linked.vertical .button:checked:only-child,
+.linked.vertical .button:checked:hover:only-child,
.linked.vertical .button:insensitive:only-child {
border-top-width: 1px;
border-bottom-width: 1px;
@@ -1246,8 +1214,11 @@ GtkComboBox.combobox-entry .button {
}
.linked.vertical .button:active,
+.linked.vertical .button:checked,
.inline-toolbar.toolbar.vertical .button:active,
-.inline-toolbar.toolbar.vertical GtkToolButton > .button:active {
+.inline-toolbar.toolbar.vertical .button:checked,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:checked {
box-shadow: inset 0 1px @inset_dark_color, inset 0 -1px @inset_dark_color;
}
@@ -1280,16 +1251,20 @@ GtkComboBox.combobox-entry .button {
/* Middle button */
.primary-toolbar .button.raised.linked,
.primary-toolbar .button.raised.linked:active,
+.primary-toolbar .button.raised.linked:checked,
.primary-toolbar .button.raised.linked:insensitive,
.primary-toolbar .linked .entry,
.primary-toolbar .linked .button,
.primary-toolbar .linked .button:active,
+.primary-toolbar .linked .button:checked,
.primary-toolbar .linked .button:insensitive,
.inline-toolbar.toolbar .button,
.inline-toolbar.toolbar .button:active,
+.inline-toolbar.toolbar .button:checked,
.inline-toolbar.toolbar .button:insensitive,
.inline-toolbar.toolbar GtkToolButton > .button,
.inline-toolbar.toolbar GtkToolButton > .button:active,
+.inline-toolbar.toolbar GtkToolButton > .button:checked,
.inline-toolbar.toolbar GtkToolButton > .button:insensitive {
border-right-width: 0;
border-left-width: 0;
@@ -1300,16 +1275,20 @@ GtkComboBox.combobox-entry .button {
/* Leftmost button */
.primary-toolbar .button.raised.linked:first-child,
.primary-toolbar .button.raised.linked:active:first-child,
+.primary-toolbar .button.raised.linked:checked:first-child,
.primary-toolbar .button.raised.linked:insensitive:first-child,
.primary-toolbar .linked .entry:first-child,
.primary-toolbar .linked .button:first-child,
.primary-toolbar .linked .button:active:first-child,
+.primary-toolbar .linked .button:checked:first-child,
.primary-toolbar .linked .button:insensitive:first-child,
.inline-toolbar.toolbar .button:first-child,
.inline-toolbar.toolbar .button:active:first-child,
+.inline-toolbar.toolbar .button:checked:first-child,
.inline-toolbar.toolbar .button:insensitive:first-child,
.inline-toolbar.toolbar GtkToolButton:first-child > .button,
.inline-toolbar.toolbar GtkToolButton:first-child > .button:active,
+.inline-toolbar.toolbar GtkToolButton:first-child > .button:checked,
.inline-toolbar.toolbar GtkToolButton:first-child > .button:insensitive {
border-left-width: 2px;
border-right-width: 0;
@@ -1321,16 +1300,20 @@ GtkComboBox.combobox-entry .button {
/* Rightmost button */
.primary-toolbar .button.raised.linked:last-child,
.primary-toolbar .button.raised.linked:active:last-child,
+.primary-toolbar .button.raised.linked:checked:last-child,
.primary-toolbar .button.raised.linked:insensitive:last-child,
.primary-toolbar .linked .entry:last-child,
.primary-toolbar .linked .button:last-child,
.primary-toolbar .linked .button:active:last-child,
+.primary-toolbar .linked .button:checked:last-child,
.primary-toolbar .linked .button:insensitive:last-child,
.inline-toolbar.toolbar .button:last-child,
.inline-toolbar.toolbar .button:active:last-child,
+.inline-toolbar.toolbar .button:checked:last-child,
.inline-toolbar.toolbar .button:insensitive:last-child,
.inline-toolbar.toolbar GtkToolButton:last-child > .button,
.inline-toolbar.toolbar GtkToolButton:last-child > .button:active,
+.inline-toolbar.toolbar GtkToolButton:last-child > .button:checked,
.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive {
border-left-width: 0;
border-right-width: 2px;
@@ -1343,9 +1326,11 @@ GtkComboBox.combobox-entry .button {
/* Single button */
.inline-toolbar.toolbar .button:only-child,
.inline-toolbar.toolbar .button:active:only-child,
+.inline-toolbar.toolbar .button:checked:only-child,
.inline-toolbar.toolbar .button:insensitive:only-child,
.inline-toolbar.toolbar GtkToolButton:only-child > .button,
.inline-toolbar.toolbar GtkToolButton:only-child > .button:active,
+.inline-toolbar.toolbar GtkToolButton:only-child > .button:checked,
.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive {
border-right-width: 2px;
border-left-width: 2px;
@@ -1357,9 +1342,11 @@ GtkComboBox.combobox-entry .button {
* has a box inside to pack the button and the actual menu */
.inline-toolbar.toolbar GtkMenuToolButton .button:first-child,
.inline-toolbar.toolbar GtkMenuToolButton .button:active:first-child,
+.inline-toolbar.toolbar GtkMenuToolButton .button:checked:first-child,
.inline-toolbar.toolbar GtkMenuToolButton .button:insensitive:first-child,
.inline-toolbar.toolbar GtkMenuToolButton .button:last-child,
.inline-toolbar.toolbar GtkMenuToolButton .button:active:last-child,
+.inline-toolbar.toolbar GtkMenuToolButton .button:checked:last-child,
.inline-toolbar.toolbar GtkMenuToolButton .button:insensitive:last-child {
border-right-width: 0;
border-left-width: 0;
@@ -1369,6 +1356,7 @@ GtkComboBox.combobox-entry .button {
.inline-toolbar.toolbar GtkMenuToolButton:first-child .button:first-child,
.inline-toolbar.toolbar GtkMenuToolButton:first-child .button:active:first-child,
+.inline-toolbar.toolbar GtkMenuToolButton:first-child .button:checked:first-child,
.inline-toolbar.toolbar GtkMenuToolButton:first-child .button:insensitive:first-child {
border-left-width: 2px;
border-right-width: 0;
@@ -1379,6 +1367,7 @@ GtkComboBox.combobox-entry .button {
.inline-toolbar.toolbar GtkMenuToolButton:last-child .button:last-child,
.inline-toolbar.toolbar GtkMenuToolButton:last-child .button:active:last-child,
+.inline-toolbar.toolbar GtkMenuToolButton:last-child .button:checked:last-child,
.inline-toolbar.toolbar GtkMenuToolButton:last-child .button:insensitive:last-child {
border-left-width: 0;
border-right-width: 2px;
@@ -1392,9 +1381,11 @@ GtkComboBox.combobox-entry .button {
/* Middle button */
.inline-toolbar.toolbar.vertical .button,
.inline-toolbar.toolbar.vertical .button:active,
+.inline-toolbar.toolbar.vertical .button:checked,
.inline-toolbar.toolbar.vertical .button:insensitive,
.inline-toolbar.toolbar.vertical GtkToolButton > .button,
.inline-toolbar.toolbar.vertical GtkToolButton > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:checked,
.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive {
border-bottom-width: 0;
border-top-width: 0;
@@ -1405,9 +1396,11 @@ GtkComboBox.combobox-entry .button {
/* Topmost button */
.inline-toolbar.toolbar.vertical .button:first-child,
.inline-toolbar.toolbar.vertical .button:active:first-child,
+.inline-toolbar.toolbar.vertical .button:checked:first-child,
.inline-toolbar.toolbar.vertical .button:insensitive:first-child,
.inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button,
.inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:checked,
.inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:insensitive {
border-width: 1px 1px 0 1px;
border-image-width: 3px 3px 0 3px;
@@ -1418,9 +1411,11 @@ GtkComboBox.combobox-entry .button {
/* Bottommost button */
.inline-toolbar.toolbar.vertical .button:last-child,
.inline-toolbar.toolbar.vertical .button:active:last-child,
+.inline-toolbar.toolbar.vertical .button:checked:last-child,
.inline-toolbar.toolbar.vertical .button:insensitive:last-child,
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button,
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:checked,
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive {
border-width: 0 1px 2px 1px;
border-image-width: 0 3px 4px 3px;
@@ -1431,9 +1426,11 @@ GtkComboBox.combobox-entry .button {
/* Single button */
.inline-toolbar.toolbar.vertical .button:only-child,
.inline-toolbar.toolbar.vertical .button:active:only-child,
+.inline-toolbar.toolbar.vertical .button:checked:only-child,
.inline-toolbar.toolbar.vertical .button:insensitive:only-child,
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button,
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:checked,
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive {
border-top-width: 1px;
border-bottom-width: 2px;
@@ -1455,6 +1452,47 @@ GtkLinkButton.button:active {
color: shade(@internal_element_color, 1.30);
}
+/* Stack switcher */
+.stack-switcher > .button > GtkLabel, .header-bar .stack-switcher > .button.titlebutton > GtkLabel,
+.titlebar .stack-switcher > .button.titlebutton > GtkLabel,
+GtkCalendar.header .stack-switcher > .button.titlebutton > GtkLabel {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+.stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage,
+.titlebar .stack-switcher > .button.titlebutton > GtkImage,
+GtkCalendar.header .stack-switcher > .button.titlebutton > GtkImage {
+ padding-left: 6px;
+ padding-right: 6px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+.stack-switcher > .button.text-button {
+ padding: 5px 10px 6px;
+}
+.stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button,
+.titlebar .stack-switcher > .titlebutton.button,
+GtkCalendar.header .stack-switcher > .titlebutton.button {
+ padding: 5px 2px;
+}
+.stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage {
+ animation: needs_attention 150ms ease-in;
+ background-color: @theme_bg_color; /* FIXME: ? */
+ background-size: 6px 6px, 6px 6px;
+ background-repeat: no-repeat;
+ background-position: right 3px, right 4px;
+}
+.stack-switcher > .button.needs-attention > GtkLabel:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop {
+ background-size: 6px 6px, 0 0;
+}
+.stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl) {
+ background-position: left 3px, left 4px;
+}
+.stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage {
+ animation: none;
+ background-image: none;
+}
+
/*****************
* Notebooks and *
* tabs *
@@ -1474,6 +1512,10 @@ GtkLinkButton.button:active {
-GtkWidget-focus-line-width: 0;
}
+.notebook GtkScrolledWindow {
+ background-color: @theme_base_color;
+}
+
.notebook.frame {
border-width: 1px;
}
@@ -2219,95 +2261,29 @@ GtkMenuButton .menu {
text-shadow: none;
}
-/*****************************************************************************************************
- * Check and Radio items *
- * Related to recent gtk3 development, to reveal checkboxes as part of the dialogue *
- * of some of the applications whose notification icons appear in the system tray *
- * the reference section of the HighContrast theme is used. *
- * https://git.gnome.org/browse/gnome-themes-standard/tree/themes/HighContrast/gtk-3.0/gtk.css#n1398 *
- *****************************************************************************************************/
-
-GtkCheckButton.text-button, GtkRadioButton.text-button {
- padding: 1px;
- outline-offset: 0; }
-
-.check {
- color: rgba(0, 0, 0, 0.1);
- background-image: none;
- -gtk-icon-source: -gtk-scaled(url("assets/check-normal.png"));
-}
-
-.check:hover,
-.radio:hover {
- color: #7f7f7f;
-}
-
-.check:checked {
- -gtk-icon-source: -gtk-scaled(url("assets/check-active.png"));
- color: #000;
-}
-
-.check:checked:hover,
-.radio:checked:hover {
-color: #7f7f7f;
-}
-
-.check:checked:insensitive {
- -gtk-icon-source: -gtk-scaled(url("assets/check-active-ins.png"));
- color: #7f7f7f;
-}
-
-.check:checked:insensitive:backdrop,
-.radio:checked:insensitive:backdrop {
- color: #7f7f7f;
-}
-
-.check:checked:backdrop,
-.radio:checked:backdrop {
- color: #000;
-}
+/****************
+ * Radiobuttons *
+ ****************/
+.check,
+.radio,
.check:insensitive,
.radio:insensitive {
- color: rgba(127, 127, 127, 0.1);
-}
-.check:insensitive:backdrop,
-.radio:insensitive:backdrop {
- color: transparent;
-}
-
-.check:inconsistent {
- -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-active.png"));
-}
-
-.check:backdrop,
-.radio:backdrop {
- color: rgba(0, 0, 0, 0.1);
-}
-
-.check:backdrop:selected,
-.radio:backdrop:selected {
- color: rgba(255, 255, 255, 0.1);
-}
-
-.radio {
- color: rgba(0, 0, 0, 0.1);
- background-image: none;
- -gtk-icon-source: -gtk-scaled(url("assets/radio-normal.png"));
-}
-
-.radio:checked {
- -gtk-icon-source: -gtk-scaled(url("assets/radio-active.png"));
- color: #000;
+ background-color: transparent;
+ border-style: none;
}
-.radio:checked:insensitive {
- -gtk-icon-source: -gtk-scaled(url("assets/radio-active-ins.png"));
- color: #7f7f7f;
+GtkCheckButton:hover,
+GtkCheckButton:active:hover,
+GtkCheckButton:selected,
+GtkCheckButton:selected:focus,
+GtkCheckButton:insensitive {
+ background-color: transparent;
}
-.radio:inconsistent {
- -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"));
+GtkCheckButton.text-button, GtkRadioButton.text-button {
+ padding: 1px 2px 4px;
+ outline-offset: 0;
}
/************
@@ -2352,6 +2328,7 @@ color: #7f7f7f;
/***************
* Header bars *
***************/
+.titlebar, GtkCalendar.header,
.header-bar {
border-width: 0 0 1px;
border-style: solid;
@@ -2360,7 +2337,7 @@ color: #7f7f7f;
box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
background-color: @theme_bg_color;
- padding: 6px 6px 5px 6px;
+ padding: 6px;
}
.header-bar .button.text-button {
@@ -2368,17 +2345,19 @@ color: #7f7f7f;
}
.header-bar .button.image-button {
- padding: 5px 5px 4px 5px;
+ padding: 5px;
}
+.titlebar .title, GtkCalendar.header .title,
.header-bar .title {
font: Bold;
- padding: 0px 12px 0px 12px;
+ padding: 0px 12px;
}
+.titlebar .subtitle, GtkCalendar.header .subtitle,
.header-bar .subtitle {
- font-size: 80%;
- padding: 0px 12px 0px 12px;
+ font-size: smaller;
+ padding: 0px 12px;
}
/***************
@@ -2431,18 +2410,26 @@ GtkMessageDialog {
.dialog-action-area.linked .button,
.dialog-action-area.linked .button:active,
.dialog-action-area.linked .button:active:hover,
+.dialog-action-area.linked .button:checked,
+.dialog-action-area.linked .button:checked:hover,
.dialog-action-area.linked .button:insensitive,
.dialog-action-area.linked .button:only-child,
.dialog-action-area.linked .button:active:only-child,
.dialog-action-area.linked .button:active:hover:only-child,
+.dialog-action-area.linked .button:checked:only-child,
+.dialog-action-area.linked .button:checked:hover:only-child,
.dialog-action-area.linked .button:insensitive:only-child,
.dialog-action-area.linked .button:first-child,
.dialog-action-area.linked .button:active:first-child,
.dialog-action-area.linked .button:active:hover:first-child,
+.dialog-action-area.linked .button:checked:first-child,
+.dialog-action-area.linked .button:checked:hover:first-child,
.dialog-action-area.linked .button:insensitive:first-child,
.dialog-action-area.linked .button:last-child,
.dialog-action-area.linked .button:active:last-child,
.dialog-action-area.linked .button:active:hover:last-child,
+.dialog-action-area.linked .button:checked:last-child,
+.dialog-action-area.linked .button:checked:hover:last-child,
.dialog-action-area.linked .button:insensitive:last-child {
border-style: solid;
border-radius: 0;
@@ -2454,10 +2441,14 @@ GtkMessageDialog {
.dialog-action-area.linked .button:only-child,
.dialog-action-area.linked .button:active:only-child,
.dialog-action-area.linked .button:active:hover:only-child,
+.dialog-action-area.linked .button:checked:only-child,
+.dialog-action-area.linked .button:checked:hover:only-child,
.dialog-action-area.linked .button:insensitive:only-child,
.dialog-action-area.linked .button:last-child,
.dialog-action-area.linked .button:active:last-child,
.dialog-action-area.linked .button:active:hover:last-child,
+.dialog-action-area.linked .button:checked:last-child,
+.dialog-action-area.linked .button:checked:hover:last-child,
.dialog-action-area.linked .button:insensitive:last-child {
/*border-right-width: 1px;*/
}
@@ -2465,16 +2456,21 @@ GtkMessageDialog {
.dialog-action-area.linked .button:only-child,
.dialog-action-area.linked .button:active:only-child,
.dialog-action-area.linked .button:active:hover:only-child,
+.dialog-action-area.linked .button:checked:only-child,
+.dialog-action-area.linked .button:checked:hover:only-child,
.dialog-action-area.linked .button:insensitive:only-child,
.dialog-action-area.linked .button:first-child,
.dialog-action-area.linked .button:active:first-child,
.dialog-action-area.linked .button:active:hover:first-child,
+.dialog-action-area.linked .button:checked:first-child,
+.dialog-action-area.linked .button:checked:hover:first-child,
.dialog-action-area.linked .button:insensitive:first-child {
/*border-left-width: 1px;*/
}
.dialog-action-area.linked .button.default,
.dialog-action-area.linked .button.default:active,
+.dialog-action-area.linked .button.default:checked,
.dialog-action-area.linked .button.default:insensitive,
.dialog-action-area.linked .button:focus {
border-color: @theme_selected_bg_color;
@@ -2484,6 +2480,7 @@ GtkMessageDialog {
.dialog-action-area.linked .button.suggested-action,
.dialog-action-area.linked .button.suggested-action:active,
+.dialog-action-area.linked .button.suggested-action:checked,
.dialog-action-area.linked .button.suggested-action:insensitive {
box-shadow: none;
}
@@ -2593,6 +2590,14 @@ GtkMessageDialog {
background-color: @sidebar_bg;
}
+.sidebar .frame {
+ border-style: none;
+}
+
+.sidebar row:hover {
+ background-color: shade (@theme_bg_color, 0.95);
+}
+
.sidebar .scrollbar.trough {
box-shadow: none;
border-radius: 100px;
@@ -2643,8 +2648,10 @@ GtkOverlay.osd {
.osd.button,
.osd.button:active,
+.osd.button:checked,
.osd .button,
-.osd .button:active {
+.osd .button:active,
+.osd .button:checked {
border-width: 1px;
border-style: solid;
border-image: none;
@@ -2659,7 +2666,8 @@ GtkOverlay.osd {
border-color: alpha(@osd_button_border,0.5);
}
-.osd .button:active {
+.osd .button:active,
+.osd .button:checked {
border-color: @osd_button_border_active;
}
@@ -2684,19 +2692,22 @@ GtkOverlay.osd {
}
.osd.button,
-.osd.button:active {
+.osd.button:active,
+.osd.button:checked {
border-color: transparent;
}
.osd.button,
.osd.button:prelight,
-.osd.button:active {
+.osd.button:active,
+.osd.button:checked {
background-color: shade(@osd_bg, 1.10);
}
.osd .button,
.osd .button:prelight,
-.osd .button:active {
+.osd .button:active,
+.osd .button:checked {
background-color: transparent;
}
@@ -2707,7 +2718,9 @@ GtkOverlay.osd {
}
.osd.button:active:insensitive,
-.osd .button:active:insensitive {
+.osd .button:active:insensitive,
+.osd.button:checked:insensitive,
+.osd .button:checked:insensitive {
background-image: none;
background-color: @osd_button_bg_insensitive_active;
}
@@ -2720,14 +2733,20 @@ GtkOverlay.osd {
.osd.button:active,
.osd.button:hover:active,
.osd .button:active,
-.osd .button:hover:active {
+.osd .button:hover:active,
+.osd.button:checked,
+.osd.button:hover:checked,
+.osd .button:checked,
+.osd .button:hover:checked {
color: @osd_button_fg_active;
}
.osd.button:insensitive,
.osd.button:active *:insensitive,
+.osd.button:checked *:insensitive,
.osd .button:insensitive,
-.osd .button:active *:insensitive {
+.osd .button:active *:insensitive,
+.osd .button:checked *:insensitive {
color: @osd_button_fg_insensitive;
text-shadow: none;
icon-shadow: none;
@@ -2746,7 +2765,12 @@ GtkOverlay.osd {
.osd.button:active:hover,
.osd .button:active,
.osd .button:active:hover,
-.osd GtkMenuButton.menu-button:active {
+.osd GtkMenuButton.menu-button:active,
+.osd.button:checked,
+.osd.button:checked:hover,
+.osd .button:checked,
+.osd .button:checked:hover,
+.osd GtkMenuButton.menu-button:checked {
background-image: linear-gradient(to bottom,
@osd_button_bg_active_a,
@osd_button_bg_active_b 20%,
@@ -2939,7 +2963,11 @@ GtkProgressBar.osd.progressbar {
.toolbar .suggested-action.button:active,
.toolbar .suggested-action.button:hover:active,
.suggested-action.button:active,
-.suggested-action.button:hover:active {
+.suggested-action.button:hover:active,
+.toolbar .suggested-action.button:checked,
+.toolbar .suggested-action.button:hover:checked,
+.suggested-action.button:checked,
+.suggested-action.button:hover:checked {
background-image: linear-gradient(to bottom,
@suggested_action_button_b,
@suggested_action_button_a);
@@ -2956,13 +2984,18 @@ GtkProgressBar.osd.progressbar {
.toolbar .suggested-action.button:active,
.toolbar .suggested-action.button:hover:active,
.suggested-action.button:active,
-.suggested-action.button:hover:active {
+.suggested-action.button:hover:active,
+.toolbar .suggested-action.button:checked,
+.toolbar .suggested-action.button:hover:checked,
+.suggested-action.button:checked,
+.suggested-action.button:hover:checked {
text-shadow: 0 1px shade(@suggested_action_button_shadow, 1.15);
icon-shadow: 0 1px shade(@suggested_action_button_shadow, 1.15);
}
.suggested-action.button:insensitive,
-.suggested-action.button:active *:insensitive {
+.suggested-action.button:active *:insensitive,
+.suggested-action.button:checked *:insensitive {
icon-shadow: none;
background-image: none;
background-color: @insentitive_bg_color;
@@ -2992,7 +3025,9 @@ GtkProgressBar.osd.progressbar {
}
.destructive-action.button:active,
-.destructive-action.button:hover:active {
+.destructive-action.button:hover:active,
+.destructive-action.button:checked,
+.destructive-action.button:hover:checked {
background-image: linear-gradient(to bottom,
@destructive_action_button_b,
@destructive_action_button_a);
@@ -3006,7 +3041,9 @@ GtkProgressBar.osd.progressbar {
}
.destructive-action.button:active,
-.destructive-action.button:hover:active {
+.destructive-action.button:hover:active,
+.destructive-action.button:checked,
+.destructive-action.button:hover:checked {
text-shadow: 0 1px shade(@destructive_action_button_shadow, 1.15);
icon-shadow: 0 1px shade(@destructive_action_button_shadow, 1.15);
}
@@ -3070,7 +3107,13 @@ GtkProgressBar.osd.progressbar {
.selection-mode.toolbar .button:active,
.selection-mode.toolbar .button:hover:active,
.selection-mode.toolbar GtkToolButton .button:active,
-.selection-mode.toolbar GtkToolButton .button:hover:active {
+.selection-mode.toolbar GtkToolButton .button:hover:active,
+.selection-mode.header-bar .button:checked,
+.selection-mode.header-bar .button:hover:checked,
+.selection-mode.toolbar .button:checked,
+.selection-mode.toolbar .button:hover:checked,
+.selection-mode.toolbar GtkToolButton .button:checked,
+.selection-mode.toolbar GtkToolButton .button:hover:checked {
background-image: linear-gradient(to bottom,
shade(@selection_toolbar_button_b, 0.95),
shade(@selection_toolbar_button_a, 0.88));
@@ -3079,16 +3122,22 @@ GtkProgressBar.osd.progressbar {
.selection-mode.header-bar .button:active,
.selection-mode.toolbar .button:active,
-.selection-mode.toolbar GtkToolButton .button:active {
+.selection-mode.toolbar GtkToolButton .button:active,
+.selection-mode.header-bar .button:checked,
+.selection-mode.toolbar .button:checked,
+.selection-mode.toolbar GtkToolButton .button:checked {
color: @selection_toolbar_button_fg;
}
.selection-mode.header-bar .button,
.selection-mode.header-bar .button:active,
+.selection-mode.header-bar .button:checked,
.selection-mode.toolbar .button,
.selection-mode.toolbar .button:active,
+.selection-mode.toolbar .button:checked,
.selection-mode.toolbar GtkToolButton .button,
-.selection-mode.toolbar GtkToolButton .button:active {
+.selection-mode.toolbar GtkToolButton .button:active,
+.selection-mode.toolbar GtkToolButton .button:checked {
text-shadow: 0 1px @selection_toolbar_button_shadow;
icon-shadow: 0 1px @selection_toolbar_button_shadow;
}
@@ -3125,7 +3174,13 @@ GtkProgressBar.osd.progressbar {
.selection-mode.toolbar .suggested-action.button:active,
.selection-mode.toolbar .suggested-action.button:hover:active,
.selection-mode.toolbar GtkToolButton.suggested-action .button:active,
-.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active {
+.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active,
+.selection-mode.header-bar .suggested-action.button:checked,
+.selection-mode.header-bar .suggested-action.button:hover:checked,
+.selection-mode.toolbar .suggested-action.button:checked,
+.selection-mode.toolbar .suggested-action.button:hover:checked,
+.selection-mode.toolbar GtkToolButton.suggested-action .button:checked,
+.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:checked {
background-image: linear-gradient(to bottom,
shade(@selection_toolbar_suggested_button_c, 0.92),
@selection_toolbar_suggested_button_b 40%,
@@ -3135,16 +3190,22 @@ GtkProgressBar.osd.progressbar {
.selection-mode.header-bar .suggested-action.button:active,
.selection-mode.toolbar .suggested-action.button:active,
-.selection-mode.toolbar GtkToolButton.suggested-action:active {
+.selection-mode.toolbar GtkToolButton.suggested-action:active,
+.selection-mode.header-bar .suggested-action.button:checked,
+.selection-mode.toolbar .suggested-action.button:checked,
+.selection-mode.toolbar GtkToolButton.suggested-action:checked {
color: @theme_text_color;
}
.selection-mode.header-bar .suggested-action.button,
.selection-mode.header-bar .suggested-action.button:active,
+.selection-mode.header-bar .suggested-action.button:checked,
.selection-mode.toolbar .suggested-action.button,
.selection-mode.toolbar .suggested-action.button:active,
+.selection-mode.toolbar .suggested-action.button:checked,
.selection-mode.toolbar GtkToolButton.suggested-action .button,
-.selection-mode.toolbar GtkToolButton.suggested-action:active {
+.selection-mode.toolbar GtkToolButton.suggested-action:active,
+.selection-mode.toolbar GtkToolButton.suggested-action:checked {
text-shadow: 0 1px @button_text_shadow;
icon-shadow: 0 1px @button_text_shadow;
}
@@ -3175,7 +3236,9 @@ GtkProgressBar.osd.progressbar {
}
.selection-mode.header-bar .selection-menu.button:active,
-.selection-mode.toolbar .selection-menu.button:active {
+.selection-mode.toolbar .selection-menu.button:active,
+.selection-mode.header-bar .selection-menu.button:checked,
+.selection-mode.toolbar .selection-menu.button:checked {
border-color: transparent;
border-radius: 3px;
border-width: 1px;
@@ -3184,7 +3247,9 @@ GtkProgressBar.osd.progressbar {
}
.selection-mode.header-bar .selection-menu.button:active,
-.selection-mode.toolbar .selection-menu.button:active {
+.selection-mode.toolbar .selection-menu.button:active,
+.selection-mode.header-bar .selection-menu.button:checked,
+.selection-mode.toolbar .selection-menu.button:checked {
color: @selection_menu_active;
}
@@ -3251,6 +3316,44 @@ GtkSwitch.slider {
border-image: none;
}
+/************
+ * Pathbars *
+ ************/
+.path-bar .button, .path-bar .header-bar .button.titlebutton, .header-bar .path-bar .button.titlebutton,
+.path-bar .titlebar .button.titlebutton,
+.titlebar .path-bar .button.titlebutton,
+.path-bar GtkCalendar.header .button.titlebutton,
+GtkCalendar.header .path-bar .button.titlebutton {
+ padding: 5px 6px 6px;
+}
+.path-bar .button:first-child {
+ padding-left: 8px;
+}
+.path-bar .button:last-child {
+ padding-right: 8px;
+}
+.path-bar .button:only-child {
+ padding-left: 12px;
+ padding-right: 12px;
+}
+.path-bar .button .label:last-child {
+ padding-left: 2px;
+}
+.path-bar .button .label:first-child {
+ padding-right: 2px;
+}
+.path-bar .button .label:only-child {
+ padding-right: 0;
+ padding-left: 0;
+}
+.path-bar .button GtkImage, .path-bar .header-bar .button.titlebutton GtkImage, .header-bar .path-bar .button.titlebutton GtkImage,
+.path-bar .titlebar .button.titlebutton GtkImage,
+.titlebar .path-bar .button.titlebutton GtkImage,
+.path-bar GtkCalendar.header .button.titlebutton GtkImage,
+GtkCalendar.header .path-bar .button.titlebutton GtkImage {
+ padding-top: 1px;
+}
+
/***********************
* Tree and Icon views *
***********************/
@@ -3364,6 +3467,19 @@ GtkTreeView row:nth-child(even):backdrop:hover {
background-color: shade (@theme_base_color, 0.96);
}
+.sidebar GtkTreeView row:backdrop:selected {
+ background-color: @theme_selected_bg_color;
+ border-style: solid;
+ border-width: 1px 0 1px 0;
+ border-top-color: @borders;
+ border-bottom-color: shade (@theme_base_color, 0.96);
+ box-shadow: inset 0 1px 0 alpha (@borders, 0.3), inset 0 -1px 0 @borders;
+}
+
+.sidebar GtkTreeView row:hover {
+ background-color: shade (@theme_base_color, 0.96);
+}
+
column-header.button,
column-header .button {
color: @theme_fg_color;
@@ -3391,7 +3507,11 @@ column-header .button:hover,
column-header.button:active,
column-header .button:active,
column-header.button:active:hover,
-column-header .button:active:hover {
+column-header .button:active:hover,
+column-header.button:checked,
+column-header .button:checked,
+column-header.button:checked:hover,
+column-header .button:checked:hover {
color: @theme_fg_color;
text-shadow: none;
icon-shadow: none;
@@ -3407,6 +3527,42 @@ column-header .button.dnd {
border-image-slice: 0 1;
}
+/*************
+ * Expanders *
+ *************/
+GtkTreeView.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: @theme_fg_color;
+}
+GtkTreeView.view.expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+GtkTreeView.view.expander:hover {
+ color: @theme_fg_color;
+}
+GtkTreeView.view.expander:selected {
+ color: @theme_selected_fg_color;
+}
+GtkTreeView.view.expander:selected:hover {
+ color: @theme_selected_fg_color;
+}
+GtkTreeView.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+GtkExpander {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+GtkExpander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+GtkExpander:hover {
+ color: @internal_element_color;
+}
+GtkExpander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
.expander {
color: @theme_fg_color;
border-color: @theme_fg_color;
@@ -3448,11 +3604,43 @@ column-header .button.dnd {
}
.list-row:hover {
- background-color: @content_view_bg;
+ background-color: shade (@content_view_bg, 0.95);
}
-.list-row:selected {
- background-color: @theme_selected_bg_color;
+.list-row:selected,
+.list-row:selected:hover {
+ border-width: 0;
+ border-style: solid;
+ border-color: shade (@theme_selected_bg_color, 0.85);
+ background-image: linear-gradient(to bottom,
+ shade (@theme_selected_bg_color, 1.0),
+ shade (@theme_selected_bg_color, 1.0));
+ box-shadow: none;
+ color: @theme_selected_fg_color;
+}
+
+.list-row:selected:backdrop,
+.list-row:selected:backdrop:hover {
+ border-width: 0;
+ border-style: solid;
+ border-color: shade (@theme_bg_color, 0.85);
+ background-image: linear-gradient(to bottom,
+ shade (@theme_bg_color, 0.94),
+ shade (@theme_bg_color, 0.94));
+ color: @theme_fg_color;
+ text-shadow: none;
+ box-shadow: none;
+}
+
+.list-row.button {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ icon-shadow: none;
+ border-image: none;
+ border-radius: 0;
+ border: none;
}
/**************
@@ -3507,7 +3695,7 @@ GtkInfoBar {
.error {
background-color: @infobar_bg_color;
color: @infobar_fg_color;
- text-shadow: 0 1px @infobar_text_shadow;
+ text-shadow: none;
border-color: darker(@infobar_bg_color);
}
@@ -3515,8 +3703,8 @@ GtkInfoBar {
.warning .button.close,
.question .button.close,
.error .button.close {
- color: @infobar_fg_color;
- icon-shadow: 0 1px @infobar_text_shadow;
+ color: @theme_fg_color;
+ icon-shadow: none;
}
.info .button.close:hover,
@@ -3544,22 +3732,25 @@ GtkInfoBar {
.info .button,
.info .button:insensitive,
.info .button:active,
+.info .button:checked,
.warning .entry,
.warning .entry:focus,
.warning .button,
.warning .button:insensitive,
.warning .button:active,
+.warning .button:checked,
.error .entry,
.error .entry:focus,
.error .button,
.error .button:insensitive,
.error .button:active,
+.error .button:checked,
.question .entry,
.question .entry:focus,
.question .button,
.question .button:insensitive,
-.question .button:active {
- border-image: none;
+.question .button:active,
+.question .button:checked {
color: @theme_fg_color;
border-color: darker(@infobar_bg_color);
border-style: solid;
@@ -3575,73 +3766,108 @@ GtkInfoBar {
text-shadow: none;
}
-/*************************
- * Touch text selections *
- *************************/
-GtkPopover {
- border-radius: 5px;
- background-clip: border-box;
- /*
- background-color: @osd_popover_bg;
- */
- background-color: @theme_bg_color;
-
- border-color: darker(@theme_bg_color);
- border-width: 1px;
- border-style: solid;
-
- box-shadow: 0 2px 3px @wm_shadow;
+/*************
+ * Popovers *
+ *************/
+.popover {
+ background-clip: initial;
margin: 10px;
padding: 2px;
+ border-color: @borders;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ background-color: @theme_bg_color;
+ box-shadow: 0 1px 5px @wm_shadow;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.popover > .list,
+.popover > .view,
+.popover > .toolbar .popover.osd > .toolbar,
+.popover > .inline-toolbar .popover.osd > .toolbar,
+.popover > .search-bar .popover.osd > .toolbar,
+.popover > .location-bar .popover.osd > .toolbar,
+.popover > .toolbar .popover.osd > .inline-toolbar,
+.popover > .inline-toolbar .popover.osd > .inline-toolbar,
+.popover > .search-bar .popover.osd > .inline-toolbar,
+.popover > .location-bar .popover.osd > .inline-toolbar,
+.popover > .toolbar .popover.osd > .search-bar,
+.popover > .inline-toolbar .popover.osd > .search-bar,
+.popover > .search-bar .popover.osd > .search-bar,
+.popover > .location-bar .popover.osd > .search-bar,
+.popover > .toolbar .popover.osd > .location-bar,
+.popover > .inline-toolbar .popover.osd > .location-bar,
+.popover > .search-bar .popover.osd > .location-bar,
+.popover > .location-bar .popover.osd > .location-bar {
+ border-style: none;
+ background-color: transparent;
}
-GtkPopover.osd {
- background-color: @osd_popover_bg;
- border-color: @theme_bg_color;
- box-shadow: 0 2px 8px 3px alpha(@wm_shadow, 0.4);
- color: darker(white);
-}
-
-GtkPopover > .list,
-GtkPopover > .view,
-GtkPopover > .toolbar {
+.popover .separator {
+ font-size: 80%;
+ font-weight: bold;
+ color: alpha(@theme_fg_color,0.1);
+ text-shadow: none;
background-color: transparent;
+ icon-shadow: none;
+ border: 0;
}
-GtkPopover.osd > .toolbar .button {
- border-radius: 0px;
- border-width: 0px;
+.popover.osd {
+ background-image: none;
+ background-color: alpha(shade(#3D3E40, 0.85), 0.75);
+ border: 1px solid black;
+ box-shadow: none;
+ color: @theme_selected_fg_color;
+}
+.popover.osd .toolbar {
background-image: none;
background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+.popover.osd .button {
+ text-shadow: 0 -1px @osd_text_shadow;
+ icon-shadow: 0 -1px @osd_text_shadow;
+}
+.popover.osd .button:active,
+.popover.osd .button:checked {
+ box-shadow: none;
+}
+.popover.osd .button:insensitive {
+ color: alpha(@theme_selected_fg_color, 0.4);
}
-GtkModelButton.button
-{
+.popover .list {
+ background-color: @theme_base_color;
+}
+
+GtkModelButton.button {
color: @theme_fg_color;
+ border-radius: 0;
}
+GtkModelButton.button:checked,
GtkModelButton.button:active,
GtkModelButton.button:insensitive,
GtkModelButton.button:active:insensitive,
-GtkModelButton.button {
+GtkModelButton.button:checked:insensitive,
+GtkModelButton.button,
+GtkModelButton.button:focus,
+GtkModelButton.button:active:focus,
+GtkModelButton.button:checked:focus {
background-color: transparent;
background-image: none;
border-color: transparent;
border-image: none;
border-style: none;
box-shadow: none;
+ border-radius: 0;
}
-GtkPopover .separator {
- font-size: 80%;
- font-weight: bold;
- color: alpha(@theme_text_color,0.4);
- text-shadow: none;
- background-color: transparent;
- icon-shadow: none;
- border: 0;
-}
-
+GtkModelButton.button:checked:hover,
GtkModelButton.button:active:hover,
GtkModelButton.button:hover,
GtkModelButton.button:selected {
@@ -3651,6 +3877,23 @@ GtkModelButton.button:selected {
text-shadow: none;
border-width: 0;
border-color: transparent;
+ border-radius: 0;
+}
+
+.entry.cursor-handle,
+.cursor-handle {
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ border-style: none;
+}
+.entry.cursor-handle.top,
+.cursor-handle.top {
+ -gtk-icon-source: -gtk-icontheme("selection-start-symbolic");
+}
+.entry.cursor-handle.bottom,
+.cursor-handle.bottom {
+ -gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
}
/*******
@@ -3693,71 +3936,33 @@ GtkModelButton.button:selected {
}
.titlebar .titlebutton {
- /*icon-shadow: 0px 1px @wm_title_shadow;*/
color: @wm_title;
- /*background: none;
- padding: 5px 5px 6px 5px;*/
- padding: 2px 6px 3px 3px; /* important for background size */
- /*border-radius: 3px;
- border-width: 2px;
- border-color: transparent;
- border-style: solid;*/
+ padding: 2px 6px 3px 3px;
border: none;
border-image: none;
}
.titlebar .titlebutton:hover {
- /*background-image: linear-gradient(to bottom,
- @button_hover_gradient_color_a,
- @button_hover_gradient_color_b);*/
border: none;
border-image: none;
}
.titlebar .titlebutton:active {
- /*background-image: linear-gradient(to bottom,
- @borders,
- shade(@theme_bg_color, 0.95));
- color: @theme_selected_fg_color;
- icon-shadow: none;*/
border: none;
border-image: none;
}
-.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 {
color: @wm_unfocused_title;
icon-shadow: none;
}
-/****************************************************************************************
- * Give and take related to recent gtk3 development, *
- * to achieve full size of the icon menu of some of the applications whose notification *
- * icons appear in the system tray, the "shadow" is disabled. *
- ****************************************************************************************/
-/*
.window-frame {
border-radius: 6px 6px 0 0;
- * lamefun trick to get rounded borders regardless of CSD use
border-width: 0px;
box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
- * this is used for the resize cursor area *
+ /* this is used for the resize cursor area */
margin: 10px;
}
@@ -3769,4 +3974,89 @@ GtkModelButton.button:selected {
.window-frame:backdrop {
box-shadow: 0 0 0 1px shade(@wm_border,1.1), 0 2px 5px 1px @wm_shadow;
}
-*/
+
+/* Various hacks and shit */
+/* FIXME - BELOW: Some stuff that can probably be done better or in another way */
+
+GtkRevealer {
+ background-color: @theme_bg_color;
+ color: @theme_fg_color;
+}
+
+GtkRevealer .button,
+GtkRevealer GtkLabel {
+ color: @theme_fg_color;
+}
+
+/* gedit */
+.gedit-headerbar-paned:backdrop {
+ background-image: url("assets/null.png");
+}
+
+.gedit-search-slider * {
+ color: @theme_fg_color;
+}
+
+.gedit-document-panel {
+ background-color: @theme_bg_color;
+}
+
+/* Floating Bar */
+.floating-bar {
+ background-image: linear-gradient(to bottom,
+ @theme_base_color 20%,
+ shade(@theme_base_color, 0.9));
+ background-color: @theme_base_color;
+ border-color: @borders;
+
+ color: @theme_text_color;
+ text-shadow: 0 1px @button_text_shadow;
+
+ border-radius: 0px;
+ border-width: 1px;
+ border-style: solid;
+ box-shadow: inset 1px 1px @inset_light_color, -1px -1px @inset_light_color;
+}
+
+.floating-bar.top {
+ border-top-width: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.floating-bar.right {
+ border-right-width: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.floating-bar.bottom {
+ border-bottom-width: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.floating-bar.left {
+ border-left-width: 0;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.floating-bar.bottom.right {
+ box-shadow: inset 1px 1px @inset_light_color;
+}
+
+.floating-bar.bottom.left {
+ box-shadow: inset -1px 1px @inset_light_color;
+}
+
+.floating-bar .button {
+ background-color: alpha (@theme_base_color, 0.0);
+ background-image: none;
+
+ border-style: none;
+ border-image: none;
+
+ -GtkButton-image-spacing: 0;
+ -GtkButton-inner-border: 0;
+}