summaryrefslogtreecommitdiff
path: root/Kogaion-nighttime/gtk-3.0/gtk-widgets.css
diff options
context:
space:
mode:
authorbionel <ionel.busuioc@gmail.com>2016-04-23 13:10:52 +0300
committerbionel <ionel.busuioc@gmail.com>2016-04-23 13:10:52 +0300
commitbd9163ebd0a19784d1e95b19f341e21f677d7abf (patch)
treec77d6aa1b1e2bfab96730f69bf189f26c95c6619 /Kogaion-nighttime/gtk-3.0/gtk-widgets.css
parentf88123f676fad8d4708c622fbfbd49589f1b7d89 (diff)
import gtk3 too from Numix
Diffstat (limited to 'Kogaion-nighttime/gtk-3.0/gtk-widgets.css')
-rw-r--r--Kogaion-nighttime/gtk-3.0/gtk-widgets.css3548
1 files changed, 3548 insertions, 0 deletions
diff --git a/Kogaion-nighttime/gtk-3.0/gtk-widgets.css b/Kogaion-nighttime/gtk-3.0/gtk-widgets.css
new file mode 100644
index 0000000..973b244
--- /dev/null
+++ b/Kogaion-nighttime/gtk-3.0/gtk-widgets.css
@@ -0,0 +1,3548 @@
+/* NOTES to contributors:
+ * use 4 spaces indents, and keep code ALIGNED and ORDERED */
+
+/* default */
+* {
+ -GtkArrow-arrow-scaling: 0.5;
+ -GtkButton-child-displacement-x: 0;
+ -GtkButton-child-displacement-y: 0;
+ -GtkButton-default-border: 0;
+ -GtkButton-image-spacing: 0;
+ -GtkButton-inner-border: 1;
+ -GtkButton-interior-focus: true;
+ -GtkButtonBox-child-min-height: 24;
+ -GtkButtonBox-child-internal-pad-y: 1;
+ -GtkCheckButton-indicator-size: 16;
+ -GtkCheckMenuItem-indicator-size: 14;
+ -GtkExpander-expander-size: 8;
+ -GtkHTML-link-color: @link_color;
+ -GtkIMHtml-hyperlink-color: @link_color;
+ -GtkMenu-horizontal-padding: 0;
+ -GtkMenu-vertical-padding: 0;
+ -GtkPaned-handle-size: 4;
+ -GtkProgressBar-min-horizontal-bar-height: 12;
+ -GtkProgressBar-min-vertical-bar-width: 12;
+ -GtkRange-slider-width: 12;
+ -GtkRange-stepper-spacing: 0;
+ -GtkRange-trough-border: 0;
+ -GtkRange-trough-under-steppers: 1;
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+ -GtkScrollbar-min-slider-length: 80;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkScrolledWindow-scrollbars-within-bevel: 1;
+ -GtkStatusbar-shadow-type: none;
+ -GtkTextView-error-underline-color: @error_color;
+ -GtkToolButton-icon-spacing: 6;
+ -GtkToolItemGroup-expander-size: 8;
+ -GtkTreeView-expander-size: 8;
+ -GtkWidget-focus-line-width: 1;
+ -GtkWidget-focus-padding: 0;
+ -GtkWidget-link-color: @link_color;
+ -GtkWidget-visited-link-color: @link_color;
+ -GtkWindow-resize-grip-height: 0;
+ -GtkWindow-resize-grip-width: 0;
+ -WnckTasklist-fade-overlay-rect: 0;
+
+ background-clip: padding-box;
+
+ outline-color: alpha(@theme_selected_bg_color, 0.5);
+ outline-style: solid;
+ outline-offset: 0;
+}
+
+/***************
+ * base states *
+ ***************/
+.background {
+ background-color: @theme_bg_color;
+ color: @theme_fg_color;
+}
+
+*:selected,
+*:selected:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+*:insensitive,
+*:insensitive:insensitive {
+ color: mix(@theme_fg_color, @theme_bg_color, 0.5);
+}
+
+/* apply effects to insensitive and prelit images */
+*:insensitive {
+ -gtk-image-effect: dim;
+}
+
+*:hover {
+ -gtk-image-effect: highlight;
+}
+
+.gtkstyle-fallback {
+ background-color: @theme_bg_color;
+ color: @theme_fg_color;
+}
+
+.gtkstyle-fallback:prelight {
+ background-color: shade(@theme_bg_color, 1.1);
+ color: @theme_fg_color;
+}
+
+.gtkstyle-fallback:active {
+ background-color: shade(@theme_bg_color, 0.9);
+ color: @theme_fg_color;
+}
+
+.gtkstyle-fallback:insensitive {
+ background-color: shade(shade(@theme_bg_color, 0.95), 1.05);
+ color: mix(@theme_fg_color, @theme_bg_color, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+GtkImage,
+GtkImage:insensitive,
+GtkLabel,
+GtkLabel:insensitive,
+GtkBox,
+GtkBox:insensitive,
+GtkGrid,
+GtkGrid:insensitive {
+ background-color: transparent;
+}
+
+/******************
+ * visual effects *
+ ******************/
+/* transitions */
+.button {
+ transition: border 100ms ease-in-out;
+}
+
+.entry {
+ transition: border 100ms ease-out;
+}
+
+.entry:focus {
+ transition: border 100ms ease-in;
+}
+
+.entry.image.left {
+ padding-right: 4px;
+}
+
+.notebook tab GtkLabel,
+.notebook .prelight-page,
+.notebook .prelight-page GtkLabel,
+.notebook .active-page,
+.notebook .active-page GtkLabel {
+ transition: all 200ms ease-in;
+}
+
+/* inset shadows */
+.button:active,
+.primary-toolbar .button:active,
+.toolbar .button:active,
+.header-bar .button:active,
+.notebook.header {
+ box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 1px alpha(@dark_shadow, 0.08),
+ inset -1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 -1px alpha(@dark_shadow, 0.05);
+}
+
+.entry {
+ box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
+ inset 0 1px alpha(@dark_shadow, 0.12),
+ inset -1px 0 alpha(@dark_shadow, 0.10),
+ inset 0 -1px alpha(@dark_shadow, 0.05);
+}
+
+/* disable inset shadow */
+.button:active *:insensitive,
+.primary-toolbar .button:active *:insensitive,
+.toolbar .button:active *:insensitive,
+.header-bar .button:active *:insensitive,
+.entry:insensitive {
+ box-shadow: none;
+}
+
+/*************
+ * assistant *
+ *************/
+GtkAssistant .sidebar .highlight {
+ font: bold;
+}
+
+GtkAssistant .sidebar {
+ padding: 4px;
+ border-width: 0 1px 0 0;
+ border-style: solid;
+ border-right-color: shade(@theme_bg_color, 0.8);
+ border-radius: 0;
+ background-color: @theme_bg_color;
+ color: mix(@theme_fg_color, @theme_bg_color, 0.1);
+}
+
+/**********
+ * button *
+ **********/
+.button {
+ -GtkWidget-focus-padding: 1;
+ -GtkWidget-focus-line-width: 0;
+
+ padding: 3px;
+ border-width: 1px;
+ border-radius: 2px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ background-color: shade(@theme_bg_color, 1.08);
+ background-image: none;
+ color: @theme_fg_color;
+}
+
+.button:hover {
+ border-color: shade(@theme_bg_color, 0.7);
+ background-color: shade(@theme_bg_color, 1.10);
+ background-image: none;
+}
+
+.button:active {
+ border-color: shade(@theme_bg_color, 0.8);
+ background-color: shade(@theme_bg_color, 0.95);
+ background-image: none;
+}
+
+.button:active:hover {
+ border-color: shade(@theme_bg_color, 0.7);
+}
+
+.button:focus,
+.button:hover:focus,
+.button:active:focus,
+.button:active:hover:focus {
+ border-color: shade(@theme_bg_color, 0.7);
+}
+
+.button:insensitive {
+ border-color: shade(@theme_bg_color, 0.85);
+ background-color: shade(@theme_bg_color, 0.9);
+ background-image: none;
+}
+
+.button:active *:insensitive {
+ border-color: shade(@theme_bg_color, 0.75);
+ background-color: shade(@theme_bg_color, 0.80);
+ background-image: none;
+}
+
+/* default button */
+.button.default {
+ border-color: shade(@theme_selected_bg_color, 0.8);
+ background-color: shade(@theme_selected_bg_color, 1.08);
+ color: @theme_selected_fg_color;
+}
+
+.button.default:hover {
+ border-color: shade(@theme_selected_bg_color, 0.7);
+ background-color: @theme_selected_bg_color;
+}
+
+.button.default:active {
+ border-color: shade(@theme_selected_bg_color, 0.8);
+ background-color: shade(@theme_selected_bg_color, 0.95);
+}
+
+.button.default:active:hover {
+ border-color: shade(@theme_selected_bg_color, 0.7);
+ background-color: shade(@theme_selected_bg_color, 0.97);
+}
+
+/****************
+ * cell and row *
+ ****************/
+.cell {
+ border-width: 0;
+ border-radius: 0;
+}
+
+.cell:selected,
+.cell:selected:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+row:selected,
+row:selected:hover,
+row:selected:focus {
+ -GtkWidget-focus-padding: 1;
+ -GtkWidget-focus-line-width: 0;
+
+ border-width: 1px 0;
+ border-style: solid;
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+ color: @theme_selected_fg_color;
+}
+
+/*******************
+ * check and radio *
+ *******************/
+.check,
+.radio,
+.check:insensitive,
+.radio:insensitive {
+ border-style: none;
+ background-color: transparent;
+}
+
+GtkCheckButton:hover,
+GtkCheckButton:active:hover,
+GtkCheckButton:selected,
+GtkCheckButton:selected:focus {
+ background-color: transparent;
+}
+
+/*****************
+ * column-header *
+ *****************/
+column-header .button,
+column-header .button:active {
+ border-width: 0 1px 1px 0;
+ border-radius: 0;
+}
+
+column-header .button,
+column-header .button:active,
+column-header .button:focus,
+column-header .button:active:focus {
+ border-color: shade(@theme_base_color, 0.9);
+ border-bottom-color: shade(@theme_base_color, 0.8);
+ background-color: shade(@theme_base_color, 0.97);
+ background-image: none;
+}
+
+column-header .button:hover,
+column-header .button:active:hover,
+column-header .button:hover:focus,
+column-header .button:active:hover:focus {
+ border-color: shade(@theme_base_color, 0.9);
+ border-bottom-color: shade(@theme_base_color, 0.8);
+ background-color: shade(@theme_base_color, 0.99);
+ background-image: none;
+}
+
+column-header:last-child .button {
+ border-width: 0 0 1px 0;
+}
+
+/****************
+ * content view *
+ ****************/
+.content-view.view {
+ background-color: @theme_base_color;
+}
+
+.content-view.view:prelight {
+ background-color: alpha(@theme_selected_bg_color, 0.6);
+}
+
+.content-view.view:selected,
+.content-view.view:active {
+ background-color: @theme_selected_bg_color;
+}
+
+.content-view.view:insensitive {
+ background-color: shade(@theme_base_color, 0.9);
+}
+
+GdMainIconView.content-view {
+ -GdMainIconView-icon-size: 40;
+}
+
+GtkIconView.content-view.check {
+ background-color: transparent;
+}
+
+GtkIconView.content-view.check:active {
+ background-color: transparent;
+}
+
+.content-view.view.check,
+.content-view.view.check:active {
+ background-color: transparent;
+}
+
+GtkIconView.content-view.check:prelight,
+GtkIconView.content-view.check:insensitive,
+GtkIconView.content-view.check:selected {
+ background-color: transparent;
+}
+
+/****************
+ * drawing area *
+ ****************/
+GtkDrawingArea {
+ background-color: @theme_base_color;
+}
+
+GtkDrawingArea:insensitive {
+ background-color: shade(@theme_base_color, 0.9);
+}
+
+/***********
+ * gtkhtml *
+ ***********/
+GtkHTML {
+ background-color: @theme_base_color;
+ color: @theme_text_color;
+}
+
+/***********
+* calendar *
+************/
+GtkCalendar {
+ padding: 4px;
+}
+
+GtkCalendar:inconsistent {
+ color: mix(@theme_fg_color, @theme_bg_color, 0.5);
+}
+
+GtkCalendar.view,
+GtkCalendar.header,
+GtkCalendar.button,
+GtkCalendar.button:hover,
+GtkCalendar.button:insensitive {
+ border-width: 0;
+ background-color: transparent;
+ background-image: none;
+}
+
+.highlight,
+GtkCalendar.highlight {
+ border-width: 0;
+ background-color: transparent;
+ color: @theme_selected_bg_color;
+}
+
+/******************
+ * combobox entry *
+ ******************/
+.primary-toolbar GtkComboBox.combobox-entry .entry,
+.primary-toolbar GtkComboBox.combobox-entry .entry:active,
+.primary-toolbar GtkComboBox.combobox-entry .entry:focus,
+.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive,
+GtkComboBox.combobox-entry .entry,
+GtkComboBox.combobox-entry .entry:active,
+GtkComboBox.combobox-entry .entry:focus,
+GtkComboBox.combobox-entry .entry:insensitive {
+ border-width: 1px 0 1px 1px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.primary-toolbar GtkComboBox.combobox-entry .button,
+.primary-toolbar GtkComboBox.combobox-entry .button:hover,
+.primary-toolbar GtkComboBox.combobox-entry .button:active,
+.primary-toolbar GtkComboBox.combobox-entry .button:insensitive,
+GtkComboBox.combobox-entry .button,
+GtkComboBox.combobox-entry .button:hover,
+GtkComboBox.combobox-entry .button:active,
+GtkComboBox.combobox-entry .button:insensitive {
+ border-width: 1px 1px 1px 1px;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+/*********
+ * entry *
+ *********/
+.entry {
+ padding: 4px 3px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-radius: 2px;
+ background-color: @theme_base_color;
+ background-image: none;
+ color: @theme_text_color;
+}
+
+.entry:active,
+.entry:focus {
+ border-color: shade(@theme_bg_color, 0.7);
+}
+
+.entry:selected,
+.entry:selected:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+.entry:insensitive {
+ background-color: shade(@theme_bg_color, 0.95);
+ background-image: none;
+ color: mix(@theme_text_color, @theme_base_color, 0.5);
+}
+
+.entry.progressbar {
+ border-width: 0;
+ border-radius: 2px;
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+ color: @theme_selected_fg_color;
+}
+
+/************
+ * expander *
+ ************/
+.expander {
+ color: alpha(currentColor, 0.7);
+ border: alpha(currentColor, 0.7);
+}
+
+.expander:hover {
+ color: alpha(currentColor, 0.8);
+ border-color: alpha(currentColor, 0.8);
+}
+
+.expander:active {
+ color: alpha(currentColor, 0.9);
+ border-color: alpha(currentColor, 0.9);
+}
+
+/**************
+ * list boxes *
+ **************/
+.list {
+ background-color: shade(@theme_bg_color, 0.97);
+ color: @theme_fg_color;
+}
+
+.list-row:hover {
+ background-color: shade(@theme_bg_color, 1.02);
+}
+
+.list-row:selected {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+/*********
+ * frame *
+ *********/
+.frame {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-radius: 0;
+}
+
+/*******************
+ * scrolled window *
+ *******************/
+GtkScrolledWindow.frame {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-radius: 0;
+}
+
+/* avoid double borders when a viewport is
+ * packed into a GtkScrolledWindow */
+GtkScrolledWindow GtkViewport.frame {
+ border-style: none;
+}
+
+/************
+ * iconview *
+ ************/
+GtkIconView.view.cell:selected,
+GtkIconView.view.cell:selected:focus {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ border-radius: 2px;
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+ color: @theme_selected_fg_color;
+}
+
+.content-view.view.rubberband,
+.view.rubberband,
+.rubberband {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ border-radius: 0;
+ background-color: alpha(@theme_selected_bg_color, 0.3);
+}
+
+/***********
+ * infobar *
+ ***********/
+GtkInfoBar {
+ border-width: 0;
+ border-style: none;
+}
+
+.info {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@info_bg_color, 0.8);
+ background-color: @info_bg_color;
+ background-image: none;
+ color: @info_fg_color;
+}
+
+.info .button {
+ border-top-color: shade(@info_bg_color, 0.8);
+ border-right-color: shade(@info_bg_color, 0.72);
+ border-left-color: shade(@info_bg_color, 0.72);
+ border-bottom-color: shade(@info_bg_color, 0.7);
+ background-color: shade(@info_bg_color, 1.08);
+ color: @info_fg_color;
+}
+
+.info .button:hover {
+ border-top-color: shade(@info_bg_color, 0.85);
+ border-right-color: shade(@info_bg_color, 0.78);
+ border-left-color: shade(@info_bg_color, 0.78);
+ border-bottom-color: shade(@info_bg_color, 0.7);
+ background-color: shade(@info_bg_color, 1.10);
+}
+
+.info .button:active {
+ border-color: shade(@info_bg_color, 0.6);
+ background-color: shade(@info_bg_color, 0.95);
+}
+
+.info .button:active:hover {
+ border-top-color: shade(@info_bg_color, 0.85);
+ border-right-color: shade(@info_bg_color, 0.78);
+ border-left-color: shade(@info_bg_color, 0.78);
+ border-bottom-color: shade(@info_bg_color, 0.7);
+}
+
+.info .button.close {
+ color: @info_fg_color;
+}
+
+.info .button.close:hover {
+ background-color: alpha(white, 0.2);
+}
+
+.info .button.close:active {
+ color: @info_fg_color;
+ background-color: alpha(black, 0.1);
+}
+
+.warning {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@warning_bg_color, 0.8);
+ background-color: @warning_bg_color;
+ background-image: none;
+ color: @warning_fg_color;
+}
+
+.warning .button {
+ border-top-color: shade(@warning_bg_color, 0.8);
+ border-right-color: shade(@warning_bg_color, 0.72);
+ border-left-color: shade(@warning_bg_color, 0.72);
+ border-bottom-color: shade(@warning_bg_color, 0.7);
+ background-color: shade(@warning_bg_color, 1.08);
+ color: @warning_fg_color;
+}
+
+.warning .button:hover {
+ border-top-color: shade(@warning_bg_color, 0.85);
+ border-right-color: shade(@warning_bg_color, 0.78);
+ border-left-color: shade(@warning_bg_color, 0.78);
+ border-bottom-color: shade(@warning_bg_color, 0.7);
+ background-color: shade(@warning_bg_color, 1.10);
+}
+
+.warning .button:active {
+ border-color: shade(@warning_bg_color, 0.6);
+ background-color: shade(@warning_bg_color, 0.95);
+}
+
+.warning .button:active:hover {
+ border-top-color: shade(@warning_bg_color, 0.85);
+ border-right-color: shade(@warning_bg_color, 0.78);
+ border-left-color: shade(@warning_bg_color, 0.78);
+ border-bottom-color: shade(@warning_bg_color, 0.7);
+}
+
+.warning .button.close {
+ color: @warning_fg_color;
+}
+
+.warning .button.close:hover {
+ background-color: alpha(white, 0.2);
+}
+
+.warning .button.close:active {
+ color: @warning_fg_color;
+ background-color: alpha(black, 0.1);
+}
+
+.question {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@question_bg_color, 0.8);
+ background-color: @question_bg_color;
+ background-image: none;
+ color: @question_fg_color;
+}
+
+.question .button {
+ border-top-color: shade(@question_bg_color, 0.8);
+ border-right-color: shade(@question_bg_color, 0.72);
+ border-left-color: shade(@question_bg_color, 0.72);
+ border-bottom-color: shade(@question_bg_color, 0.7);
+ background-color: shade(@question_bg_color, 1.08);
+ color: @question_fg_color;
+}
+
+.question .button:hover {
+ border-top-color: shade(@question_bg_color, 0.85);
+ border-right-color: shade(@question_bg_color, 0.78);
+ border-left-color: shade(@question_bg_color, 0.78);
+ border-bottom-color: shade(@question_bg_color, 0.7);
+ background-color: shade(@question_bg_color, 1.10);
+}
+
+.question .button:active {
+ border-color: shade(@question_bg_color, 0.6);
+ background-color: shade(@question_bg_color, 0.95);
+}
+
+.question .button:active:hover {
+ border-top-color: shade(@question_bg_color, 0.85);
+ border-right-color: shade(@question_bg_color, 0.78);
+ border-left-color: shade(@question_bg_color, 0.78);
+ border-bottom-color: shade(@question_bg_color, 0.7);
+}
+
+.question .button.close {
+ color: @question_fg_color;
+}
+
+.question .button.close:hover {
+ background-color: alpha(white, 0.2);
+}
+
+.question .button.close:active {
+ color: @question_fg_color;
+ background-color: alpha(black, 0.1);
+}
+
+.error {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@error_bg_color, 0.8);
+ background-color: @error_bg_color;
+ background-image: none;
+ color: @error_fg_color;
+}
+
+.error .button {
+ border-top-color: shade(@error_bg_color, 0.8);
+ border-right-color: shade(@error_bg_color, 0.72);
+ border-left-color: shade(@error_bg_color, 0.72);
+ border-bottom-color: shade(@error_bg_color, 0.7);
+ background-color: shade(@error_bg_color, 1.08);
+ color: @error_fg_color;
+}
+
+.error .button:hover {
+ border-top-color: shade(@error_bg_color, 0.85);
+ border-right-color: shade(@error_bg_color, 0.78);
+ border-left-color: shade(@error_bg_color, 0.78);
+ border-bottom-color: shade(@error_bg_color, 0.7);
+ background-color: shade(@error_bg_color, 1.10);
+}
+
+.error .button:active {
+ border-color: shade(@error_bg_color, 0.6);
+ background-color: shade(@error_bg_color, 0.95);
+}
+
+.error .button:active:hover {
+ border-top-color: shade(@error_bg_color, 0.85);
+ border-right-color: shade(@error_bg_color, 0.78);
+ border-left-color: shade(@error_bg_color, 0.78);
+ border-bottom-color: shade(@error_bg_color, 0.7);
+}
+
+.error .button.close {
+ color: @error_fg_color;
+}
+
+.error .button.close:hover {
+ background-color: alpha(white, 0.2);
+}
+
+.error .button.close:active {
+ color: @error_fg_color;
+ background-color: alpha(black, 0.1);
+}
+
+/*******************
+ * symbolic images *
+ *******************/
+.image {
+ color: alpha(currentColor, 0.5);
+}
+
+.image:hover {
+ color: alpha(currentColor, 0.9);
+}
+
+.image:selected,
+.image:selected:hover {
+ color: @theme_selected_fg_color;
+}
+
+.view.image,
+.view.image:hover {
+ color: alpha(currentColor, 0.9);
+}
+
+.view.image:selected,
+.view.image:selected:hover {
+ color: @theme_selected_fg_color;
+}
+
+/*****************
+ * miscellaneous *
+ *****************/
+.floating-bar {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-radius: 2px;
+ background-color: @theme_bg_color;
+ background-image: none;
+ color: @theme_fg_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-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.floating-bar .button {
+ -GtkButton-image-spacing: 0;
+ -GtkButton-inner-border: 0;
+
+ border-style: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.dim-label,
+.dim-label {
+ color: alpha(currentColor, 0.5);
+}
+
+.dnd {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_selected_bg_color, 0.9);
+}
+
+.grip {
+ background-color: transparent;
+}
+
+.arrow {
+ color: alpha(currentColor, 0.7);
+}
+
+/********
+ * menu *
+ ********/
+GtkTreeMenu.menu,
+GtkMenuToolButton.menu,
+GtkComboBox .menu {
+ background-color: @menu_bg_color;
+}
+
+.primary-toolbar .menu,
+.primary-toolbar .button .menu,
+.toolbar .menu,
+.toolbar .primary-toolbar .menu,
+.header-bar .menu,
+.header-bar .primary-toolbar .menu,
+.menu {
+ padding: 0;
+ border-radius: 0;
+ border-style: none;
+ background-color: @menu_bg_color;
+ color: @menu_fg_color;
+}
+
+/* Hover-effect on play-button in ubuntu soundmenu */
+.menu:selected {
+ background-color: @selected_bg_color;
+}
+
+.menu.button:hover,
+.menu.button:active,
+.menu.button:active *:insensitive,
+.menu.button:insensitive,
+.menu.button {
+ border-width: 0;
+ background-color: @menu_bg_color;
+ background-image: none;
+}
+
+.context-menu {
+ font: initial;
+}
+
+/* ubuntu software center menu */
+#toolbar-popup {
+ background-color: @menu_bg_color;
+ color: @menu_fg_color;
+}
+
+/***********
+ * menubar *
+ ***********/
+.menubar {
+ -GtkWidget-window-dragging: true;
+
+ border-style: none;
+ background-color: @menubar_bg_color;
+ background-image: none;
+ color: @menubar_fg_color;
+}
+
+/***************
+ * menubaritem *
+ ***************/
+.menubar.menuitem,
+.menubar .menuitem {
+ padding: 3px 5px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ color: @menubar_fg_color;
+}
+
+.menubar.menuitem:hover,
+.menubar .menuitem:hover {
+ border-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21);
+ background-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21);
+ background-image: none;
+ color: shade(@menubar_fg_color, 1.08);
+}
+
+.menubar .menuitem *:hover {
+ color: shade(@menubar_fg_color, 1.08);
+}
+
+/************
+ * menuitem *
+ ************/
+GtkTreeMenu .menuitem {
+ padding: 0;
+ border-width: 0;
+}
+
+.menuitem,
+.menu .menuitem {
+ -GtkMenuItem-arrow-scaling: 0.5;
+
+ padding: 3px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: transparent;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: none;
+ color: @menu_fg_color;
+}
+
+.menu .menuitem:active,
+.menu .menuitem:hover {
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+}
+
+.menu .menuitem:active,
+.menu .menuitem *:active,
+.menu .menuitem:hover,
+.menu .menuitem *:hover {
+ color: @theme_selected_fg_color;
+}
+
+.menu .menuitem:insensitive,
+.menu .menuitem *:insensitive {
+ color: mix(@menu_fg_color, @menu_bg_color, 0.5);
+}
+
+.menuitem.check,
+.menuitem.radio,
+.menuitem.check:hover,
+.menuitem.radio:hover,
+.menuitem.check:insensitive,
+.menuitem.radio:insensitive {
+ border-style: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.menuitem.check:active,
+.menuitem.radio:active {
+ border-style: none;
+ background-color: transparent;
+}
+
+.menuitem GtkCalendar:inconsistent {
+ color: mix(@menu_fg_color, @menu_bg_color, 0.5);
+}
+
+.menuitem GtkCalendar.button {
+ border-style: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.menuitem .entry {
+ border-color: shade(@menu_bg_color, 0.7);
+ background-color: @menu_bg_color;
+ background-image: none;
+ color: @menu_fg_color;
+}
+
+.menuitem .entry:active,
+.menuitem .entry:focus {
+ border-color: shade(@menu_bg_color, 0.7);
+}
+
+.menuitem .accelerator {
+ color: alpha(@menu_fg_color, 0.6);
+}
+
+.menuitem .accelerator:hover {
+ color: alpha(@theme_selected_fg_color, 0.8);
+}
+
+.menuitem .accelerator:insensitive {
+ color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6);
+}
+
+GtkModelMenuItem GtkBox GtkImage {
+ padding-right: 4px;
+}
+
+/************
+ * popovers *
+ ************/
+GtkPopover {
+ margin: 10px;
+ padding: 2px;
+ border-radius: 2px;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-width: 1px;
+ border-style: solid;
+ background-clip: border-box;
+ background-color: @theme_bg_color;
+ color: @theme_fg_color;
+ box-shadow: 0 2px 3px alpha(black, 0.5);
+}
+
+GtkPopover.osd {
+ box-shadow: 0 2px 7px 3px alpha(black, 0.5);
+}
+
+GtkPopover > .list,
+GtkPopover > .view,
+GtkPopover > .toolbar {
+ background-color: transparent;
+}
+
+GtkPopover.osd > .toolbar .button {
+ border-radius: 0;
+ border-width: 0;
+ background-image: none;
+ background-color: transparent;
+}
+
+GtkPopover .separator {
+ border: 0;
+ background-color: transparent;
+ color: alpha(currentColor, 0.5);
+ font-size: 80%;
+ font-weight: bold;
+}
+
+GtkModelButton.button,
+GtkModelButton.button:active,
+GtkModelButton.button:insensitive,
+GtkModelButton.button:active:insensitive {
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
+ border-style: none;
+ box-shadow: none;
+ color: @theme_fg_color;
+}
+
+GtkModelButton.button:active:hover,
+GtkModelButton.button:hover,
+GtkModelButton.button:selected {
+ border-width: 0;
+ border-color: transparent;
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+ color: @theme_selected_fg_color;
+}
+
+/************
+ * notebook *
+ ************/
+.notebook {
+ padding: 0;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_base_color, 0.7);
+ border-radius: 0;
+ background-color: @theme_base_color;
+ background-image: none;
+ background-clip: border-box;
+
+ -GtkNotebook-initial-gap: 0;
+ -GtkNotebook-has-tab-gap: false;
+}
+
+.notebook.frame {
+ border-width: 1px;
+}
+
+.notebook.header {
+ border-width: 0;
+ background-color: shade(@theme_base_color, 0.85);
+}
+
+.notebook.header.frame {
+ border-color: shade(@theme_base_color, 0.75);
+}
+
+.notebook.header.frame.top {
+ border-width: 1px 1px 0 1px;
+}
+
+.notebook.header.frame.right {
+ border-width: 1px 1px 1px 0;
+}
+
+.notebook.header.frame.bottom {
+ border-width: 0 1px 1px 1px;
+}
+
+.notebook.header.frame.left {
+ border-width: 1px 0 1px 1px;
+}
+
+.notebook GtkViewport {
+ border-width: 0;
+ background-color: @theme_base_color;
+ color: @theme_text_color;
+}
+
+.notebook tab {
+ padding: 4px;
+ border-style: none;
+ background-color: shade(@theme_base_color, 0.85);
+ background-image: none;
+}
+
+.notebook tab:hover {
+ background-color: shade(@theme_base_color, 0.95);
+ background-image: none;
+}
+
+.notebook tab:active {
+ background-color: shade(@theme_base_color, 0.85);
+ background-image: none;
+}
+
+.notebook tab.top {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.notebook tab.top:active {
+ box-shadow:inset 0 -2px @theme_selected_bg_color;
+}
+
+.notebook tab.right {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.notebook tab.right:active {
+ box-shadow:inset 2px 0 @theme_selected_bg_color;
+}
+
+.notebook tab.bottom {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.notebook tab.bottom:active {
+ box-shadow:inset 0 2px @theme_selected_bg_color;
+}
+
+.notebook tab.left {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.notebook tab.left:active {
+ box-shadow:inset -2px 0 @theme_selected_bg_color;
+}
+
+.notebook tab GtkLabel {
+ color: mix(@theme_text_color, @theme_base_color, 0.3);
+}
+
+.notebook .active-page,
+.notebook tab .active-page GtkLabel {
+ color: @theme_text_color;
+}
+
+/* close button styling */
+.notebook tab .button,
+.notebook tab .button:active,
+.notebook tab .button:hover {
+ padding: 1px;
+ border-width: 1px;
+ border-radius: 2px;
+ border-style: solid;
+ border-color: transparent;
+ background-image: none;
+ background-color: transparent;
+ color: mix(@theme_text_color, @theme_base_color, 0.5);
+}
+
+.notebook tab .button:hover {
+ color: @theme_text_color;
+ border-color: shade(@theme_base_color, 0.8);
+}
+
+.notebook tab .button:active,
+.notebook tab .button:active:hover {
+ border-color: shade(@theme_base_color, 0.7);
+ background-color: shade(@theme_base_color, 0.95);
+}
+
+/******************
+ * pane separator *
+ ******************/
+.pane-separator {
+ background-color: @theme_bg_color;
+ color: transparent;
+}
+
+/*************************
+ * progressbar and scale *
+ *************************/
+GtkProgressBar {
+ padding: 0;
+ border-width: 1px;
+ border-radius: 2px;
+}
+
+.progressbar,
+.progressbar row,
+.progressbar row:hover,
+.progressbar row:selected,
+.progressbar row:selected:focus {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: @theme_selected_bg_color;
+ background-image: linear-gradient(to bottom,
+ @theme_selected_bg_color,
+ @theme_selected_bg_color
+ );
+}
+
+.progressbar.vertical {
+ background-color: @theme_selected_bg_color;
+ background-image: linear-gradient(to right,
+ @theme_selected_bg_color,
+ @theme_selected_bg_color
+ );
+}
+
+.trough,
+.trough row,
+.trough row:hover,
+.trough row:selected,
+.trough row:selected:focus {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ background-color: shade(@theme_bg_color, 1.08);
+ background-image: none;
+}
+
+.trough.vertical {
+ background-color: shade(@theme_bg_color, 1.08);
+ background-image: none;
+}
+
+/* level bars as used for password quality or remaining power */
+GtkLevelBar {
+ -GtkLevelBar-min-block-width: 34;
+ -GtkLevelBar-min-block-height: 2;
+}
+
+GtkLevelBar.vertical {
+ -GtkLevelBar-min-block-width: 2;
+ -GtkLevelBar-min-block-height: 34;
+}
+
+.level-bar.trough {
+ padding: 1px;
+ border-radius: 2px;
+}
+
+.level-bar.fill-block {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: @theme_selected_bg_color;
+}
+
+.level-bar.indicator-continuous.fill-block {
+ padding: 1px;
+ border-radius: 2px;
+}
+
+.level-bar.indicator-discrete.fill-block.horizontal {
+ margin: 0 1px;
+}
+
+.level-bar.indicator-discrete.fill-block.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,
+ shade(@success_color, 1.2),
+ @success_color 75%,
+ shade(@success_color, 0.95)
+ );
+}
+
+.level-bar.fill-block.level-low {
+ border-color: shade(@warning_color, 0.80);
+ background-image: linear-gradient(to bottom,
+ shade(@warning_color, 1.3),
+ @warning_color 75%,
+ shade(@warning_color, 0.9)
+ );
+}
+
+.level-bar.fill-block.empty-fill-block {
+ border-color: alpha(@theme_fg_color, 0.1);
+ background-color: transparent;
+ background-image: none;
+}
+
+.scale {
+ -GtkRange-slider-width: 16;
+ -GtkRange-trough-border: 1;
+ -GtkScale-slider-length: 16;
+
+ padding: 0;
+ border-width: 1px;
+ border-radius: 2px;
+}
+
+.scale.slider {
+ border-radius: 8px;
+ background-color: shade(@theme_bg_color, 1.08);
+ background-image: none;
+ /* we will draw the border using box shadow for now */
+ box-shadow: inset 1px 0 shade(@theme_bg_color, 0.8),
+ inset 0 1px shade(@theme_bg_color, 0.8),
+ inset -1px 0 shade(@theme_bg_color, 0.8),
+ inset 0 -1px shade(@theme_bg_color, 0.8);
+}
+
+.scale.slider:hover {
+ box-shadow: inset 1px 0 shade(@theme_bg_color, 0.7),
+ inset 0 1px shade(@theme_bg_color, 0.7),
+ inset -1px 0 shade(@theme_bg_color, 0.7),
+ inset 0 -1px shade(@theme_bg_color, 0.7);
+}
+
+.scale.slider:insensitive {
+ background-color: shade(@theme_bg_color, 0.9);
+ background-image: none;
+ box-shadow: inset 1px 0 shade(@theme_bg_color, 0.85),
+ inset 0 1px shade(@theme_bg_color, 0.85),
+ inset -1px 0 shade(@theme_bg_color, 0.85),
+ inset 0 -1px shade(@theme_bg_color, 0.85);
+}
+
+.scale.slider.fine-tune:active,
+.scale.slider.fine-tune:active:hover,
+.scale.slider.fine-tune.horizontal:active,
+.scale.slider.fine-tune.horizontal:active:hover {
+ background-size: 50%;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.scale.mark {
+ border-color: shade(@theme_bg_color, 0.8);
+}
+
+.scale.trough {
+ margin: 7px 0;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-radius: 2px;
+ background-color: shade(@theme_bg_color, 1.08);
+ background-image: none;
+}
+
+.scale.trough.vertical {
+ margin: 0 7px;
+}
+
+.menuitem .scale.highlight.left,
+.scale.highlight.left {
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+}
+
+.menuitem .scale.highlight.left:hover {
+ border-color: shade(@theme_selected_bg_color, 0.8);
+ background-color: shade(@theme_selected_bg_color, 0.8);
+}
+
+.scale.highlight.bottom {
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+}
+
+.scale.trough:insensitive,
+.scale.highlight.left:insensitive {
+ border-color: shade(@theme_bg_color, 0.85);
+ background-color: shade(@theme_bg_color, 0.9);
+ background-image: none;
+}
+
+/*************
+ * scrollbar *
+ *************/
+.scrollbar {
+ border-width: 1px;
+ border-style: solid;
+ padding: 0;
+}
+
+.scrollbars-junction,
+.scrollbar.trough {
+ border-width: 0;
+ border-radius: 0;
+ background-color: @theme_bg_color;
+ background-image: none;
+}
+
+.scrollbar.button,
+.scrollbar.button:active,
+.scrollbar.button:active:hover {
+ border-width: 0;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: none;
+ color: shade(@theme_bg_color, 0.6);
+}
+
+.scrollbar.slider {
+ border-width: 1px;
+ border-color: mix(shade(@theme_bg_color, 0.87), @theme_fg_color, 0.21);
+ border-radius: 0;
+ background-color: mix(@theme_bg_color, @theme_fg_color, 0.21);
+}
+
+.scrollbar.slider:hover,
+.scrollbar.slider.vertical:hover {
+ border-color: mix(shade(@theme_bg_color, 0.87), @theme_fg_color, 0.31);
+ background-color: mix(@theme_bg_color, @theme_fg_color, 0.31);
+}
+
+.scrollbar.slider:active,
+.scrollbar.slider.vertical:active {
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: @theme_selected_bg_color;
+}
+
+.scrollbar.slider.fine-tune:prelight:active {
+ border-width: 2px;
+ border-color: transparent;
+}
+
+/* overlay scrollbar */
+OsThumb {
+ color: shade(@theme_bg_color, 0.7);
+}
+
+OsThumb:selected,
+OsScrollbar:selected {
+ background-color: @theme_selected_bg_color;
+}
+
+OsThumb:active,
+OsScrollbar:active {
+ background-color: @theme_selected_bg_color;
+}
+
+OsThumb:insensitive,
+OsScrollbar:insensitive {
+ background-color: shade(@theme_bg_color, 0.9);
+}
+
+/*************
+ * separator *
+ *************/
+.sidebar.view.separator,
+.view.separator,
+.separator {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.9);
+ color: shade(@theme_bg_color, 0.9);
+}
+
+.button .separator,
+.button.separator {
+ border-color: shade(@theme_bg_color, 0.95);
+}
+
+.button .separator:insensitive,
+.button.separator:insensitive {
+ border-color: shade(@theme_bg_color, 0.85);
+}
+
+.primary-toolbar GtkSeparatorToolItem,
+.primary-toolbar .separator,
+.primary-toolbar .separator:insensitive,
+.toolbar GtkSeparatorToolItem,
+.toolbar .separator,
+.toolbar .separator:insensitive {
+ -GtkWidget-window-dragging: true;
+
+ border-color: shade(@toolbar_bg_color, 0.95);
+ color: shade(@toolbar_bg_color, 0.95);
+}
+
+.header-bar GtkSeparatorToolItem,
+.header-bar .separator,
+.header-bar .separator:insensitive,
+.titlebar GtkSeparatorToolItem,
+.titlebar .separator,
+.titlebar .separator:insensitive {
+ -GtkWidget-window-dragging: true;
+
+ border-color: shade(@titlebar_bg_color, 0.95);
+ color: shade(@titlebar_bg_color, 0.95);
+}
+
+.primary-toolbar .button .separator,
+.primary-toolbar .button.separator,
+.toolbar .button .separator,
+.toolbar .button.separator {
+ border-color: shade(@toolbar_bg_color, 0.95);
+}
+
+.header-bar .button .separator,
+.header-bar .button.separator,
+.titlebar .button .separator,
+.titlebar .button.separator {
+ border-color: shade(@titlebar_bg_color, 0.95);
+}
+
+.primary-toolbar .button .separator:insensitive,
+.primary-toolbar .button.separator:insensitive,
+.toolbar .button .separator:insensitive,
+.toolbar .button.separator:insensitive {
+ border-color: shade(@toolbar_bg_color, 0.85);
+}
+
+.header-bar .button .separator:insensitive,
+.header-bar .button.separator:insensitive,
+.titlebar .button .separator:insensitive,
+.titlebar .button.separator:insensitive {
+ border-color: shade(@titlebar_bg_color, 0.85);
+}
+
+.menuitem.separator {
+ -GtkMenuItem-horizontal-padding: 0;
+ -GtkWidget-separator-height: 1;
+
+ border-style: none;
+ color: shade(@menu_bg_color, 0.9);
+}
+
+GtkComboBox .separator {
+ /* always disable separators */
+ -GtkWidget-wide-separators: true;
+ -GtkWidget-horizontal-separator: 0;
+ -GtkWidget-vertical-separator: 0;
+
+ border-style: none;
+}
+
+/***********
+ * sidebar *
+ ***********/
+.sidebar,
+.sidebar.view,
+.sidebar .view,
+.sidebar GtkScrolledWindow {
+ background-color: @theme_bg_color;
+ color: mix(@theme_fg_color, @theme_bg_color, 0.1);
+}
+
+.sidebar row:selected,
+.sidebar row:selected:hover,
+.sidebar row:selected:focus,
+.sidebar .view row:selected,
+.sidebar .view row:selected:hover,
+.sidebar .view row:selected:focus {
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+ color: @theme_selected_fg_color;
+}
+
+.sidebar row:prelight,
+.sidebar .view row:prelight {
+ border-color: shade(@theme_bg_color, 1.05);
+ background-color: shade(@theme_bg_color, 1.05);
+ background-image: none;
+ color: @theme_fg_color;
+}
+
+.sidebar row:selected:prelight,
+.sidebar .view row:selected:prelight {
+ border-color: shade(@theme_selected_bg_color, 1.05);
+ background-color: shade(@theme_selected_bg_color, 1.05);
+ background-image: none;
+ color: @theme_selected_fg_color;
+}
+
+.sidebar .frame {
+ border-width: 0;
+}
+
+/**************
+ * spinbutton *
+ **************/
+.spinbutton .button {
+ color: mix(@theme_text_color, @theme_base_color, 0.4);
+ padding: 2px 4px;
+ border-width: 0;
+ border-radius: 0;
+ border-style: none;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: inset 1px 0 shade(@theme_base_color, 0.9);
+}
+
+.spinbutton .button:insensitive {
+ color: mix(@theme_text_color, @theme_base_color, 0.7);
+ box-shadow: inset 1px 0 shade(@theme_bg_color, 0.95);
+}
+
+.spinbutton .button:active,
+.spinbutton .button:hover {
+ color: @theme_fg_color;
+}
+
+.spinbutton .button:first-child {
+ border-radius: 2px 0 0 2px;
+ box-shadow: none;
+}
+
+.spinbutton .button:last-child {
+ border-radius: 0 2px 2px 0;
+}
+
+.spinbutton .button:dir(rtl) {
+ box-shadow: inset -1px 0 shade(@theme_base_color, 0.9);
+}
+
+.spinbutton.vertical .button {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-radius: 2px;
+ background-color: shade(@theme_bg_color, 1.08);
+ background-image: none;
+ color: @theme_fg_color;
+ box-shadow: none;
+}
+
+.spinbutton.vertical .button:hover {
+ border-color: shade(@theme_bg_color, 0.7);
+ background-color: shade(@theme_bg_color, 1.10);
+ background-image: none;
+}
+
+.spinbutton.vertical .button:active {
+ border-color: shade(@theme_bg_color, 0.8);
+ background-color: shade(@theme_bg_color, 0.95);
+ background-image: none;
+}
+
+.spinbutton.vertical .button:active:hover {
+ border-color: shade(@theme_bg_color, 0.7);
+}
+
+.spinbutton.vertical .button:focus,
+.spinbutton.vertical .button:hover:focus,
+.spinbutton.vertical .button:active:focus,
+.spinbutton.vertical .button:active:hover:focus {
+ border-color: shade(@theme_bg_color, 0.7);
+}
+
+.spinbutton.vertical .button:insensitive {
+ border-color: shade(@theme_bg_color, 0.85);
+ background-color: shade(@theme_bg_color, 0.9);
+ background-image: none;
+}
+
+.spinbutton.vertical .button:first-child {
+ border-width: 1px;
+ border-bottom-width: 0;
+ border-radius: 2px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.spinbutton.vertical .button:last-child {
+ border-width: 1px;
+ border-top-width: 0;
+ border-radius: 2px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.spinbutton.vertical.entry {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 0;
+}
+
+/***********
+ * spinner *
+ ***********/
+@keyframes spinner {
+ 00.0% { 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.70)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); }
+
+ 10.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.90)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)); }
+
+ 20.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.90)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)); }
+
+ 30.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.70)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
+
+ 40.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.50)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)); }
+
+ 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.30)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)); }
+
+ 60.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.10)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); }
+
+ 70.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.10)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), to(transparent)); }
+
+ 80.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.60)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.30)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)); }
+
+ 90.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.80)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.50)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.20)), 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.70)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent)); }
+}
+
+.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));
+
+ background-position: 0% 70%, 33% 70%, 70% 70%;
+ background-size: 30% 30%;
+ background-repeat: no-repeat;
+}
+
+.spinner:active {
+ 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.70)), to(transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.40)), to(transparent));
+
+ animation: spinner 1s infinite linear;
+}
+
+.menu.spinner,
+.menu .spinner,
+.menu .spinner:hover,
+.primary-toolbar .spinner {
+ color: @theme_selected_bg_color;
+ border: none;
+ box-shadow: none;
+}
+
+/*************
+ * statusbar *
+ *************/
+GtkStatusbar {
+ padding: 4px;
+ color: @theme_fg_color;
+}
+
+/**********
+ * switch *
+ **********/
+GtkSwitch {
+ padding: 0;
+ border-radius: 2px;
+ font: bold condensed;
+}
+
+GtkSwitch.slider {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ background-color: shade(@theme_bg_color, 1.08);
+ background-image: none;
+}
+
+GtkSwitch.slider:insensitive {
+ border-color: shade(@theme_bg_color, 0.85);
+ background-color: shade(@theme_bg_color, 0.9);
+ background-image: none;
+}
+
+GtkSwitch.trough {
+ border-color: shade(@theme_bg_color, 0.8);
+ background-color: shade(@theme_bg_color, 0.95);
+ background-image: none;
+ color: @theme_fg_color;
+}
+
+GtkSwitch.trough:active {
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+ color: @theme_selected_fg_color;
+}
+
+GtkSwitch.trough:insensitive {
+ border-color: shade(@theme_bg_color, 0.85);
+ background-color: shade(@theme_bg_color, 0.9);
+ background-image: none;
+ color: mix(@theme_fg_color, @theme_bg_color, 0.5);
+}
+
+/************
+ * textview *
+ ************/
+GtkTextView {
+ background-color: @theme_base_color;
+ color: @theme_text_color;
+}
+
+/*****************
+ * color chooser *
+ *****************/
+GtkColorSwatch,
+GtkColorSwatch:selected {
+ border-width: 1px;
+ border-style: solid;
+ border-color: alpha(black, 0.1);
+ border-radius: 1px;
+ background-color: transparent;
+ background-clip: border-box;
+}
+
+GtkColorSwatch:hover,
+GtkColorSwatch:selected:hover {
+ border-color: alpha(black, 0.3);
+}
+
+GtkColorSwatch.color-dark:hover {
+}
+
+GtkColorSwatch.color-light:hover {
+}
+
+GtkColorSwatch.color-light:selected:hover,
+GtkColorSwatch.color-dark:selected:hover {
+ background-image: none;
+}
+
+GtkColorSwatch.left,
+GtkColorSwatch:first-child {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+GtkColorSwatch.right,
+GtkColorSwatch:last-child {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+GtkColorSwatch:only-child {
+ border-radius: 2px;
+}
+
+GtkColorSwatch.top {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+}
+
+GtkColorSwatch.bottom {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+GtkColorChooserWidget #add-color-button {
+ background-clip: padding-box;
+ border-color: alpha(black, 0.1);
+ background-color: shade(@theme_bg_color, 0.95);
+ color: @theme_fg_color;
+}
+
+GtkColorChooserWidget #add-color-button:hover {
+ border-color: alpha(black, 0.3);
+ background-color: shade(@theme_bg_color, 0.90);
+ color: @theme_fg_color;
+}
+
+.color-active-badge,
+.color-active-badge:selected {
+ border-width: 1px;
+ border-style: solid;
+ border-width: 2px;
+ background-color: transparent;
+}
+
+.color-active-badge.color-light,
+.color-active-badge.color-light:hover {
+ border-color: alpha(black, 0.3);
+ color: alpha(black, 0.3);
+}
+
+.color-active-badge.color-dark,
+.color-active-badge.color-dark:hover {
+ border-color: alpha(white, 0.3);
+ color: alpha(white, 0.3);
+}
+
+GtkColorEditor GtkColorSwatch {
+ border-radius: 2px;
+}
+
+GtkColorEditor GtkColorSwatch.color-dark:hover,
+GtkColorEditor GtkColorSwatch.color-light:hover {
+ background-image: none;
+ border-color: alpha(black, 0.3);
+}
+
+GtkColorButton.button {
+ padding: 2px;
+}
+
+/**************
+ * header-bar *
+ **************/
+.header-bar {
+ padding: 4px;
+ border-width: 0 0 1px 0;
+ border-style: solid;
+ border-color: shade(@titlebar_bg_color, 0.8);
+ background-color: @titlebar_bg_color;
+ background-image: none;
+ color: @titlebar_fg_color;
+}
+
+.header-bar .button.text-button {
+ padding: 4px;
+}
+
+.header-bar .button.image-button {
+ padding: 6px;
+}
+
+.header-bar .title {
+ font: bold;
+ padding: 0 12px;
+}
+
+.header-bar .subtitle {
+ font: smaller;
+ padding: 0 12px;
+}
+
+.header-bar GtkComboBox,
+.header-bar .button {
+ border-color: shade(@titlebar_bg_color, 0.8);
+ background-color: shade(@titlebar_bg_color, 1.08);
+ background-image: none;
+ color: @titlebar_fg_color;
+}
+
+.header-bar .button:hover {
+ border-color: shade(@titlebar_bg_color, 0.7);
+ background-color: shade(@titlebar_bg_color, 1.10);
+ background-image: none;
+}
+
+.header-bar .button:active {
+ border-color: shade(@titlebar_bg_color, 0.8);
+ background-color: shade(@titlebar_bg_color, 0.95);
+ background-image: none;
+}
+
+.header-bar .button:active:hover {
+ border-color: shade(@titlebar_bg_color, 0.7);
+}
+
+.header-bar .button:focus,
+.header-bar .button:hover:focus,
+.header-bar .button:active:focus,
+.header-bar .button:active:hover:focus {
+ border-color: shade(@titlebar_bg_color, 0.7);
+}
+
+.header-bar .button:insensitive {
+ border-color: shade(@titlebar_bg_color, 0.85);
+ background-color: shade(@titlebar_bg_color, 0.9);
+ background-image: none;
+}
+
+.header-bar .button:active *:insensitive {
+ border-color: shade(@titlebar_bg_color, 0.75);
+ background-color: shade(@titlebar_bg_color, 0.80);
+ background-image: none;
+}
+
+.header-bar .entry {
+ border-color: shade(@titlebar_bg_color, 0.8);
+}
+
+.header-bar .entry:active,
+.header-bar .entry:focus {
+ border-color: shade(@titlebar_bg_color, 0.7);
+}
+
+/***********
+ * toolbar *
+ ***********/
+.toolbar {
+ padding: 4px;
+ border-style: none;
+ background-color: @toolbar_bg_color;
+ background-image: none;
+ color: @toolbar_fg_color;
+}
+
+.toolbar .button {
+ padding: 2px;
+}
+
+.toolbar .button.text-button {
+ padding: 2px 4px;
+}
+
+.toolbar .button.image-button {
+ padding: 4px 3px 3px 4px;
+}
+
+.toolbar:insensitive {
+ background-color: shade(@toolbar_bg_color, 0.9);
+ color: mix(@toolbar_fg_color, @toolbar_bg_color, 0.5);
+}
+
+/* menubar toolbars */
+.toolbar.menubar {
+ -GtkToolbar-button-relief: normal;
+}
+
+/*******************
+ * primary-toolbar *
+ *******************/
+.primary-toolbar,
+.primary-toolbar .toolbar,
+.primary-toolbar.toolbar {
+ -GtkWidget-window-dragging: true;
+
+ padding: 4px;
+ border-width: 0 0 1px 0;
+ border-style: solid;
+ border-color: shade(@toolbar_bg_color, 0.8);
+ background-color: @toolbar_bg_color;
+ background-image: none;
+ color: @toolbar_fg_color;
+}
+
+.primary-toolbar GtkComboBox,
+.primary-toolbar .button {
+ padding: 2px;
+ border-width: 1px;
+ border-color: transparent;
+ border-radius: 2px;
+ background-color: transparent;
+ background-image: none;
+ color: @toolbar_fg_color;
+}
+
+.primary-toolbar .raised .button,
+.primary-toolbar .raised.button,
+.toolbar GtkComboBox,
+.toolbar .button {
+ border-color: shade(@toolbar_bg_color, 0.8);
+ background-color: shade(@toolbar_bg_color, 1.08);
+ background-image: none;
+ color: @toolbar_fg_color;
+}
+
+.primary-toolbar .button:hover,
+.toolbar .button:hover {
+ border-color: shade(@toolbar_bg_color, 0.7);
+ background-color: shade(@toolbar_bg_color, 1.10);
+ background-image: none;
+}
+
+.primary-toolbar .button:active,
+.toolbar .button:active {
+ border-color: shade(@toolbar_bg_color, 0.8);
+ background-color: shade(@toolbar_bg_color, 0.95);
+ background-image: none;
+}
+
+.primary-toolbar .button:active:hover,
+.toolbar .button:active:hover {
+ border-color: shade(@toolbar_bg_color, 0.7);
+}
+
+.primary-toolbar .button:focus,
+.primary-toolbar .button:hover:focus,
+.primary-toolbar .button:active:focus,
+.primary-toolbar .button:active:hover:focus,
+.toolbar .button:focus,
+.toolbar .button:hover:focus,
+.toolbar .button:active:focus,
+.toolbar .button:active:hover:focus {
+ border-color: shade(@toolbar_bg_color, 0.7);
+}
+
+.primary-toolbar .button:insensitive,
+.toolbar .button:insensitive {
+ border-color: shade(@toolbar_bg_color, 0.85);
+ background-color: shade(@toolbar_bg_color, 0.9);
+ background-image: none;
+}
+
+.primary-toolbar .button:active *:insensitive,
+.toolbar .button:active *:insensitive {
+ border-color: shade(@toolbar_bg_color, 0.75);
+ background-color: shade(@toolbar_bg_color, 0.80);
+ background-image: none;
+}
+
+.primary-toolbar .entry,
+.toolbar .entry {
+ border-color: shade(@toolbar_bg_color, 0.8);
+}
+
+.primary-toolbar .entry:active,
+.primary-toolbar .entry:focus,
+.toolbar .entry:active,
+.toolbar .entry:focus {
+ border-color: shade(@toolbar_bg_color, 0.7);
+}
+
+/* inline-toolbar */
+.inline-toolbar.toolbar {
+ -GtkToolbar-button-relief: normal;
+
+ padding: 1px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-radius: 0;
+ background-color: @theme_bg_color;
+ background-image: none;
+}
+
+.inline-toolbar.toolbar:last-child {
+ border-width: 0 1px 1px 1px;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-radius: 0;
+}
+
+.inline-toolbar.toolbar .button {
+ padding: 1px;
+ border-width: 1px 0 1px 1px;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ border-radius: 0;
+ background-color: shade(@theme_bg_color, 1.08);
+ background-image: none;
+ color: @theme_fg_color;
+}
+
+.inline-toolbar.toolbar .button:hover {
+ border-color: shade(@theme_bg_color, 0.7);
+ background-color: shade(@theme_bg_color, 1.10);
+ background-image: none;
+}
+
+.inline-toolbar.toolbar .button:active {
+ border-color: shade(@theme_bg_color, 0.8);
+ background-color: shade(@theme_bg_color, 0.95);
+ background-image: none;
+}
+
+.inline-toolbar.toolbar .button:active:hover {
+ border-color: shade(@theme_bg_color, 0.7);
+}
+
+.inline-toolbar.toolbar .button:focus,
+.inline-toolbar.toolbar .button:hover:focus,
+.inline-toolbar.toolbar .button:active:focus,
+.inline-toolbar.toolbar .button:active:hover:focus {
+ border-color: shade(@theme_bg_color, 0.7);
+}
+
+.inline-toolbar.toolbar .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton .button:insensitive {
+ border-color: shade(@theme_bg_color, 0.85);
+ background-color: shade(@theme_bg_color, 0.9);
+ background-image: none;
+}
+
+.inline-toolbar.toolbar .button:active *:insensitive
+.inline-toolbar.toolbar GtkToolButton .button:active *:insensitive {
+ border-color: shade(@theme_bg_color, 0.75);
+ background-color: shade(@theme_bg_color, 0.80);
+ background-image: none;
+}
+
+/******************
+ * linked buttons *
+ *****************/
+/* set up shadows for visual separation */
+.linked .button,
+.inline-toolbar.toolbar .button,
+.inline-toolbar.toolbar GtkToolButton .button,
+.inline-toolbar.toolbar GtkToolButton > .button {
+ box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9);
+}
+
+.linked .button:active,
+.inline-toolbar.toolbar .button:active,
+.inline-toolbar.toolbar GtkToolButton .button:active,
+.inline-toolbar.toolbar GtkToolButton > .button:active {
+ box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9),
+ inset 1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 1px alpha(@dark_shadow, 0.08),
+ inset 0 -1px alpha(@dark_shadow, 0.05);
+}
+
+.linked .button:insensitive,
+.inline-toolbar.toolbar .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton > .button:insensitive {
+ box-shadow: inset -1px 0 shade(@theme_bg_color, 0.85);
+}
+
+/* remove box shadow from last-child and only-child */
+.linked .button:last-child,
+.linked .button:only-child,
+.linked .button:insensitive:last-child,
+.linked .button:insensitive:only-child,
+.linked .button:active *:insensitive:last-child,
+.linked .button:active *:insensitive:only-child,
+.inline-toolbar.toolbar .button:last-child,
+.inline-toolbar.toolbar .button:only-child,
+.inline-toolbar.toolbar .button:insensitive:last-child,
+.inline-toolbar.toolbar .button:insensitive:only-child,
+.inline-toolbar.toolbar .button:active *:insensitive:last-child,
+.inline-toolbar.toolbar .button:active *:insensitive:only-child,
+.inline-toolbar.toolbar GtkToolButton:last-child > .button,
+.inline-toolbar.toolbar GtkToolButton:only-child > .button,
+.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton:last-child > .button:active *:insensitive,
+.inline-toolbar.toolbar GtkToolButton:only-child > .button:active *:insensitive {
+ box-shadow: none;
+}
+
+/* add back the inset shadow effect */
+.linked .button:active:last-child,
+.linked .button:active:only-child,
+.inline-toolbar.toolbar .button:active:last-child,
+.inline-toolbar.toolbar .button:active:only-child,
+.inline-toolbar.toolbar GtkToolButton:last-child > .button:active,
+.inline-toolbar.toolbar GtkToolButton:only-child > .button:active {
+ box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 1px alpha(@dark_shadow, 0.08),
+ inset -1px 0 alpha(@dark_shadow, 0.07);
+}
+
+/* middle button */
+.linked .entry,
+.linked .button,
+.linked .button:active,
+.linked .button:active:hover,
+.linked .button:insensitive,
+.inline-toolbar.toolbar .button,
+.inline-toolbar.toolbar .button:active,
+.inline-toolbar.toolbar .button:insensitive,
+.inline-toolbar.toolbar GtkToolButton .button,
+.inline-toolbar.toolbar GtkToolButton .button:active,
+.inline-toolbar.toolbar GtkToolButton .button:insensitive {
+ border-width: 1px;
+ border-radius: 0;
+ border-right-width: 0;
+ border-left-width: 0;
+}
+
+/*leftmost button */
+.linked .entry:first-child,
+.linked .button:first-child,
+.linked .button:active:first-child,
+.linked .button:active:hover:first-child,
+.linked .button:insensitive:first-child,
+.inline-toolbar.toolbar .button:first-child,
+.inline-toolbar.toolbar .button:active: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:insensitive {
+ border-width: 1px;
+ border-radius: 2px;
+ border-right-width: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+/* rightmost button */
+.linked .entry:last-child,
+.linked .button:last-child,
+.linked .button:active:last-child,
+.linked .button:active:hover:last-child,
+.linked .button:insensitive:last-child,
+.inline-toolbar.toolbar .button:last-child,
+.inline-toolbar.toolbar .button:active: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:insensitive {
+ border-width: 1px;
+ border-radius: 2px;
+ border-left-width: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+/* linked single button */
+.linked .entry:only-child,
+.linked .button:only-child,
+.linked .button:active:only-child,
+.linked .button:active:hover:only-child,
+.linked .button:insensitive:only-child,
+.inline-toolbar.toolbar .button:only-child,
+.inline-toolbar.toolbar .button:active: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:insensitive {
+ border-width: 1px;
+ border-radius: 2px;
+}
+
+/* linked button shadows (vertical) */
+.linked.vertical .button,
+.inline-toolbar.toolbar.vertical .button,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button {
+ box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9);
+}
+
+.linked.vertical .button:active,
+.inline-toolbar.toolbar.vertical .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:active {
+ box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9),
+ inset 1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 1px alpha(@dark_shadow, 0.08),
+ inset -1px 0 alpha(@dark_shadow, 0.07);
+}
+
+.linked.vertical .button:insensitive,
+.inline-toolbar.toolbar.vertical .button:insensitive,
+.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive {
+ box-shadow: inset 0 -1px shade(@theme_bg_color, 0.85);
+}
+
+/* remove box shadow from last-child and only-child */
+.linked.vertical .button:last-child,
+.linked.vertical .button:only-child,
+.linked.vertical .button:insensitive:last-child,
+.linked.vertical .button:insensitive:only-child,
+.linked.vertical .button:active *:insensitive:last-child,
+.linked.vertical .button:active *:insensitive:only-child,
+.inline-toolbar.toolbar.vertical .button:last-child,
+.inline-toolbar.toolbar.vertical .button:only-child,
+.inline-toolbar.toolbar.vertical .button:insensitive:last-child,
+.inline-toolbar.toolbar.vertical .button:insensitive:only-child,
+.inline-toolbar.toolbar.vertical .button:active *:insensitive:last-child,
+.inline-toolbar.toolbar.vertical .button:active *:insensitive:only-child,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active *:insensitive,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active *:insensitive {
+ box-shadow: none;
+}
+
+/* add back the inset shadow effect */
+.linked.vertical .button:active:last-child,
+.linked.vertical .button:active:only-child,
+.inline-toolbar.toolbar.vertical .button:active:last-child,
+.inline-toolbar.toolbar.vertical .button:active:only-child,
+.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active,
+.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active {
+ box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 1px alpha(@dark_shadow, 0.08),
+ inset -1px 0 alpha(@dark_shadow, 0.07);
+}
+
+/* middle button (vertical) */
+.linked.vertical .entry,
+.linked.vertical .button,
+.linked.vertical .button:active,
+.linked.vertical .button:active:hover,
+.linked.vertical .button:insensitive {
+ border-width: 1px;
+ border-radius: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+}
+
+/* top button (vertical) */
+.linked.vertical .entry:first-child,
+.linked.vertical .button:first-child,
+.linked.vertical .button:active:first-child,
+.linked.vertical .button:active:hover:first-child,
+.linked.vertical .button:insensitive:first-child {
+ border-width: 1px;
+ border-radius: 2px;
+ border-bottom-width: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+/* bottom button (vertical) */
+.linked.vertical .entry:last-child,
+.linked.vertical .button:last-child,
+.linked.vertical .button:active:last-child,
+.linked.vertical .button:active:hover:last-child,
+.linked.vertical .button:insensitive:last-child {
+ border-width: 1px;
+ border-radius: 2px;
+ border-top-width: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+/* linked single button (vertical) */
+.linked.vertical .entry:only-child,
+.linked.vertical .button:only-child,
+.linked.vertical .button:active:only-child,
+.linked.vertical .button:active:hover:only-child,
+.linked.vertical .button:insensitive:only-child {
+ border-width: 1px;
+ border-radius: 2px;
+}
+
+/* linked toolbar buttons */
+.primary-toolbar .button.raised.linked,
+.primary-toolbar .raised.linked .button,
+.toolbar .button.raised.linked,
+.toolbar .raised.linked .button,
+.toolbar .linked .button {
+ box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9);
+}
+
+.primary-toolbar .button.raised.linked:active,
+.primary-toolbar .raised.linked .button:active,
+.toolbar .button.raised.linked:active,
+.toolbar .raised.linked .button:active,
+.toolbar .linked .button:active {
+ box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9),
+ inset 1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 1px alpha(@dark_shadow, 0.08),
+ inset 0 -1px alpha(@dark_shadow, 0.05);
+}
+
+.primary-toolbar .button.raised.linked:insensitive,
+.primary-toolbar .raised.linked .button:insensitive,
+.toolbar .button.raised.linked:insensitive,
+.toolbar .raised.linked .button:insensitive,
+.toolbar .linked .button:insensitive {
+ box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.85);
+}
+
+/* remove box shadow from last-child and only-child */
+.primary-toolbar .button.raised.linked:last-child,
+.primary-toolbar .button.raised.linked:only-child,
+.primary-toolbar .button:insensitive.raised.linked:last-child,
+.primary-toolbar .button:insensitive.raised.linked:only-child,
+.primary-toolbar .button:active *:insensitive.raised.linked:last-child,
+.primary-toolbar .button:active *:insensitive.raised.linked:only-child,
+.primary-toolbar .raised.linked .button:last-child,
+.primary-toolbar .raised.linked .button:only-child,
+.primary-toolbar .raised.linked .button:insensitive:last-child,
+.primary-toolbar .raised.linked .button:insensitive:only-child,
+.primary-toolbar .raised.linked .button:active *:insensitive:last-child,
+.primary-toolbar .raised.linked .button:active *:insensitive:only-child,
+.toolbar .button.raised.linked:last-child,
+.toolbar .button.raised.linked:only-child,
+.toolbar .button:insensitive.raised.linked:last-child,
+.toolbar .button:insensitive.raised.linked:only-child,
+.toolbar .button:active *:insensitive.raised.linked:last-child,
+.toolbar .button:active *:insensitive.raised.linked:only-child,
+.toolbar .raised.linked .button:last-child,
+.toolbar .raised.linked .button:only-child,
+.toolbar .raised.linked .button:insensitive:last-child,
+.toolbar .raised.linked .button:insensitive:only-child,
+.toolbar .raised.linked .button:active *:insensitive:last-child,
+.toolbar .raised.linked .button:active *:insensitive:only-child,
+.toolbar .linked .button:last-child,
+.toolbar .linked .button:only-child,
+.toolbar .linked .button:insensitive:last-child,
+.toolbar .linked .button:insensitive:only-child,
+.toolbar .linked .button:active *:insensitive:last-child,
+.toolbar .linked .button:active *:insensitive:only-child {
+ box-shadow: none;
+}
+
+/* add back the inset shadow effect */
+.primary-toolbar .button:active.raised.linked:last-child,
+.primary-toolbar .button:active.raised.linked:only-child,
+.primary-toolbar .raised.linked .button:active:last-child,
+.primary-toolbar .raised.linked .button:active:only-child,
+.toolbar .button:active.raised.linked:last-child,
+.toolbar .button:active.raised.linked:only-child,
+.toolbar .raised.linked .button:active:last-child,
+.toolbar .raised.linked .button:active:only-child,
+.toolbar .linked .button:active:last-child,
+.toolbar .linked .button:active:only-child {
+ box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 1px alpha(@dark_shadow, 0.08),
+ inset -1px 0 alpha(@dark_shadow, 0.07);
+}
+
+/* middle button */
+.primary-toolbar .button.raised.linked,
+.primary-toolbar .button.raised.linked:active,
+.primary-toolbar .button.raised.linked:insensitive,
+.primary-toolbar .raised.linked .button,
+.primary-toolbar .raised.linked .button:active,
+.primary-toolbar .raised.linked .button:insensitive,
+.toolbar .button.raised.linked,
+.toolbar .button.raised.linked:active,
+.toolbar .button.raised.linked:insensitive,
+.toolbar .raised.linked .button,
+.toolbar .raised.linked .button:active,
+.toolbar .raised.linked .button:insensitive,
+.toolbar .linked .button,
+.toolbar .linked .button:active,
+.toolbar .linked .button:insensitive {
+ border-width: 1px;
+ border-radius: 0;
+ border-right-width: 0;
+ border-left-width: 0;
+}
+
+/* leftmost button */
+.primary-toolbar .button.raised.linked:first-child,
+.primary-toolbar .button.raised.linked:active:first-child,
+.primary-toolbar .button.raised.linked:insensitive:first-child,
+.primary-toolbar .raised.linked .button:first-child,
+.primary-toolbar .raised.linked .button:active:first-child,
+.primary-toolbar .raised.linked .button:insensitive:first-child,
+.toolbar .button.raised.linked:first-child,
+.toolbar .button.raised.linked:active:first-child,
+.toolbar .button.raised.linked:insensitive:first-child,
+.toolbar .raised.linked .button:first-child,
+.toolbar .raised.linked .button:active:first-child,
+.toolbar .raised.linked .button:insensitive:first-child,
+.toolbar .linked .button:first-child,
+.toolbar .linked .button:active:first-child {
+ border-width: 1px;
+ border-radius: 2px;
+ border-right-width: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+/* rightmost button */
+.primary-toolbar .button.raised.linked:last-child,
+.primary-toolbar .button.raised.linked:active:last-child,
+.primary-toolbar .button.raised.linked:insensitive:last-child,
+.primary-toolbar .raised.linked .button:last-child,
+.primary-toolbar .raised.linked .button:active:last-child,
+.primary-toolbar .raised.linked .button:insensitive:last-child,
+.toolbar .button.raised.linked:last-child,
+.toolbar .button.raised.linked:active:last-child,
+.toolbar .button.raised.linked:insensitive:last-child,
+.toolbar .raised.linked .button:last-child,
+.toolbar .raised.linked .button:active:last-child,
+.toolbar .raised.linked .button:insensitive:last-child,
+.toolbar .linked .button:last-child,
+.toolbar .linked .button:active:last-child,
+.toolbar .linked .button:insensitive:last-child {
+ border-width: 1px;
+ border-radius: 2px;
+ border-left-width: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+/* linked single button */
+.primary-toolbar .button.raised.linked:only-child,
+.primary-toolbar .button.raised.linked:active:only-child,
+.primary-toolbar .button.raised.linked:insensitive:only-child,
+.primary-toolbar .raised.linked .button:only-child,
+.primary-toolbar .raised.linked .button:active:only-child,
+.primary-toolbar .raised.linked .button:insensitive:only-child,
+.toolbar .button.raised.linked:only-child,
+.toolbar .button.raised.linked:active:only-child,
+.toolbar .button.raised.linked:insensitive:only-child,
+.toolbar .raised.linked .button:only-child,
+.toolbar .raised.linked .button:active:only-child,
+.toolbar .raised.linked .button:insensitive:only-child,
+.toolbar .linked .button:only-child,
+.toolbar .linked .button:active:only-child,
+.toolbar .linked .button:insensitive:only-child {
+ border-width: 1px;
+ border-radius: 2px;
+}
+
+/* linked titlebar buttons */
+.header-bar .button.raised.linked,
+.header-bar .raised.linked .button,
+.header-bar .linked .button {
+ box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9);
+}
+
+.header-bar .button.raised.linked:active,
+.header-bar .raised.linked .button:active,
+.header-bar .linked .button:active {
+ box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.9),
+ inset 1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 1px alpha(@dark_shadow, 0.08),
+ inset 0 -1px alpha(@dark_shadow, 0.05);
+}
+
+.header-bar .button.raised.linked:insensitive,
+.header-bar .raised.linked .button:insensitive,
+.header-bar .linked .button:insensitive {
+ box-shadow: inset -1px 0 shade(@titlebar_bg_color, 0.85);
+}
+
+/* remove box shadow from last-child and only-child */
+.header-bar .button.raised.linked:last-child,
+.header-bar .button.raised.linked:only-child,
+.header-bar .button:insensitive.raised.linked:last-child,
+.header-bar .button:insensitive.raised.linked:only-child,
+.header-bar .button:active *:insensitive.raised.linked:last-child,
+.header-bar .button:active *:insensitive.raised.linked:only-child,
+.header-bar .raised.linked .button:last-child,
+.header-bar .raised.linked .button:only-child,
+.header-bar .raised.linked .button:insensitive:last-child,
+.header-bar .raised.linked .button:insensitive:only-child,
+.header-bar .raised.linked .button:active *:insensitive:last-child,
+.header-bar .raised.linked .button:active *:insensitive:only-child,
+.header-bar .linked .button:last-child,
+.header-bar .linked .button:only-child,
+.header-bar .linked .button:insensitive:last-child,
+.header-bar .linked .button:insensitive:only-child,
+.header-bar .linked .button:active *:insensitive:last-child,
+.header-bar .linked .button:active *:insensitive:only-child {
+ box-shadow: none;
+}
+
+/* add back the inset shadow effect */
+.header-bar .button:active.raised.linked:last-child,
+.header-bar .button:active.raised.linked:only-child,
+.header-bar .raised.linked .button:active:last-child,
+.header-bar .raised.linked .button:active:only-child,
+.header-bar .linked .button:active:last-child,
+.header-bar .linked .button:active:only-child {
+ box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
+ inset 0 1px alpha(@dark_shadow, 0.08),
+ inset -1px 0 alpha(@dark_shadow, 0.07);
+}
+
+/* middle button */
+.header-bar .button.raised.linked,
+.header-bar .button.raised.linked:active,
+.header-bar .button.raised.linked:insensitive,
+.header-bar .raised.linked .button,
+.header-bar .raised.linked .button:active,
+.header-bar .raised.linked .button:insensitive,
+.header-bar .linked .button,
+.header-bar .linked .button:active,
+.header-bar .linked .button:insensitive {
+ border-width: 1px;
+ border-radius: 0;
+ border-right-width: 0;
+ border-left-width: 0;
+}
+
+/* leftmost button */
+.header-bar .button.raised.linked:first-child,
+.header-bar .button.raised.linked:active:first-child,
+.header-bar .button.raised.linked:insensitive:first-child,
+.header-bar .raised.linked .button:first-child,
+.header-bar .raised.linked .button:active:first-child,
+.header-bar .raised.linked .button:insensitive:first-child,
+.header-bar .linked .button:first-child,
+.header-bar .linked .button:active:first-child,
+.header-bar .linked .button:insensitive:first-child {
+ border-width: 1px;
+ border-radius: 2px;
+ border-right-width: 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+/* rightmost button */
+.header-bar .button.raised.linked:last-child,
+.header-bar .button.raised.linked:active:last-child,
+.header-bar .button.raised.linked:insensitive:last-child,
+.header-bar .raised.linked .button:last-child,
+.header-bar .raised.linked .button:active:last-child,
+.header-bar .raised.linked .button:insensitive:last-child,
+.header-bar .linked .button:last-child,
+.header-bar .linked .button:active:last-child,
+.header-bar .linked .button:insensitive:last-child {
+ border-width: 1px;
+ border-radius: 2px;
+ border-left-width: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+/* linked single button */
+.header-bar .button.raised.linked:only-child,
+.header-bar .button.raised.linked:active:only-child,
+.header-bar .button.raised.linked:insensitive:only-child,
+.header-bar .raised.linked .button:only-child,
+.header-bar .raised.linked .button:active:only-child,
+.header-bar .raised.linked .button:insensitive:only-child,
+.header-bar .linked .button:only-child,
+.header-bar .linked .button:active:only-child,
+.header-bar .linked .button:insensitive:only-child {
+ border-width: 1px;
+ border-radius: 2px;
+}
+
+/***********
+ * tooltip *
+ ***********/
+.tooltip {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_tooltip_bg_color, 0.8);
+ border-radius: 2px;
+ background-color: @theme_tooltip_bg_color;
+ background-image: none;
+ color: @theme_tooltip_fg_color;
+}
+
+.tooltip * {
+ background-color: transparent;
+}
+
+/************
+ * treeview *
+ ************/
+GtkTreeView {
+ -GtkTreeView-vertical-separator: 0;
+ -GtkWidget-focus-line-width: 1;
+ -GtkWidget-focus-padding: 1;
+}
+
+GtkTreeView.dnd {
+ border-width: 1px;
+ border-style: solid;
+ border-color: @theme_selected_bg_color;
+ border-radius: 0;
+}
+
+GtkTreeView .entry {
+ border-radius: 0;
+ background-color: @theme_base_color;
+ background-image: none;
+}
+
+/************
+ * viewport *
+ ************/
+GtkViewport.frame {
+ border-width: 0;
+}
+
+.view {
+ background-color: @theme_base_color;
+ color: @theme_text_color;
+}
+
+.view:insensitive,
+.view:insensitive:insensitive {
+ background-color: shade(@theme_base_color, 0.9);
+ color: mix(@theme_fg_color, @theme_bg_color, 0.5);
+}
+
+.view:selected,
+.view:selected:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+/**************
+ * action-bar *
+ **************/
+.action-bar {
+ padding: 4px;
+ border-width: 1px 0 0 0;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ background-color: @theme_bg_color;
+ background-image: none;
+ color: @theme_fg_color;
+}
+
+.action-bar .button.text-button {
+ padding: 4px;
+}
+
+.action-bar .button.image-button {
+ padding: 6px;
+}
+
+.action-bar .title {
+ font: bold;
+ padding: 0 12px;
+}
+
+.action-bar .subtitle {
+ font: smaller;
+ padding: 0 12px;
+}
+
+/***************
+ * search bars *
+ ***************/
+.search-bar {
+ border-width: 0 0 1px 0;
+ border-style: solid;
+ border-color: shade(@theme_bg_color, 0.8);
+ background-color: shade(@theme_bg_color, 0.98);
+}
+
+.search-bar .button.close-button {
+ padding: 4px;
+}
+
+/********************
+ * various choosers *
+ ********************/
+GtkFontButton .separator,
+GtkFileChooserButton .separator {
+ /* always disable separators */
+ -GtkWidget-wide-separators: true;
+ -GtkWidget-horizontal-separator: 0;
+ -GtkWidget-vertical-separator: 0;
+}
+
+GtkFontButton GtkLabel:last-child {
+ color: alpha(currentColor, 0.7);
+}
+
+GtkFileChooserButton GtkImage:last-child {
+ color: alpha(currentColor, 0.7);
+}
+
+/*********************
+ * app notifications *
+ *********************/
+.app-notification {
+ border-style: solid;
+ border-color: shade(@theme_base_color, 0.8);
+ border-width: 0 1px 1px 1px;
+ border-radius: 0 0 2px 2px;
+ padding: 8px;
+ background-color: @theme_base_color;
+ background-image: none;
+ color: @theme_text_color;
+}
+
+/*******
+ * osd *
+ *******/
+.background.osd {
+ color: @osd_fg;
+ background-color: @osd_bg;
+}
+
+GtkOverlay.osd {
+ background-color: transparent;
+}
+
+.osd.frame {
+ background-clip: border-box;
+ background-origin: border-box;
+}
+
+.osd.button,
+.osd .button {
+ padding: 4px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@osd_bg, 0.8);
+ border-radius: 2px;
+ background-color: shade(@osd_bg, 1.08);
+ background-image: none;
+ color: @osd_fg;
+}
+
+.osd.button:prelight,
+.osd.button:hover,
+.osd .button:hover {
+ border-color: shade(@osd_bg, 0.7);
+ background-color: shade(@osd_bg, 1.10);
+ background-image: none;
+}
+
+.osd.button:active,
+.osd .button:active,
+.osd GtkMenuButton.button:active {
+ border-color: shade(@osd_bg, 0.8);
+ background-color: shade(@osd_bg, 0.95);
+ background-image: none;
+}
+
+.osd.button:active:hover,
+.osd .button:active:hover,
+.osd GtkMenuButton.button:active:hover {
+ border-color: shade(@osd_bg, 0.7);
+}
+
+.osd.button:insensitive,
+.osd .button:insensitive {
+ border-color: shade(@osd_bg, 0.85);
+ background-color: shade(@osd_bg, 0.9);
+ background-image: none;
+}
+
+.osd.button:active *:insensitive,
+.osd .button:active *:insensitive {
+ background-color: shade(@osd_bg, 0.80);
+ background-image: none;
+}
+
+.osd.toolbar {
+ -GtkToolbar-button-relief: normal;
+
+ padding: 4px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 2px;
+ border-color: shade(@osd_bg, 0.8);
+ background-color: @osd_bg;
+ background-image: none;
+ color: @osd_fg;
+}
+
+.osd.toolbar .button {
+ padding: 4px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@osd_bg, 0.8);
+ border-radius: 2px;
+ background-color: shade(@osd_bg, 1.08);
+ background-image: none;
+ color: @osd_fg;
+}
+
+.osd.toolbar .button:hover {
+ border-color: shade(@osd_bg, 0.7);
+ background-color: shade(@osd_bg, 1.10);
+ background-image: none;
+}
+
+.osd.toolbar .button:active {
+ border-color: shade(@osd_bg, 0.8);
+ background-color: shade(@osd_bg, 0.95);
+ background-image: none;
+}
+
+.osd.toolbar .button:active:hover {
+ border-color: shade(@osd_bg, 0.7);
+}
+
+.osd.toolbar .button:focus,
+.osd.toolbar .button:hover:focus,
+.osd.toolbar .button:active:focus,
+.osd.toolbar .button:active:hover:focus {
+ border-color: shade(@osd_bg, 0.7);
+}
+
+.osd.toolbar .button:insensitive {
+ border-color: shade(@osd_bg, 0.85);
+ background-color: shade(@osd_bg, 0.9);
+ background-image: none;
+}
+
+.osd.toolbar .button:active *:insensitive {
+ border-color: shade(@osd_bg, 0.75);
+ background-color: shade(@osd_bg, 0.80);
+ background-image: none;
+}
+
+.osd.toolbar .button:first-child {
+ border-radius: 2px 0 0 2px;
+ border-width: 1px 0 1px 1px;
+ box-shadow: inset -1px 0 shade(@osd_bg, 0.9);
+}
+
+.osd.toolbar .button:last-child {
+ box-shadow: none;
+ border-radius: 0 2px 2px 0;
+ border-width: 1px 1px 1px 0;
+}
+
+.osd.toolbar .button:only-child,
+.osd.toolbar GtkToolButton .button,
+.osd.toolbar GtkToolButton:only-child .button,
+.osd.toolbar GtkToolButton:last-child .button,
+.osd.toolbar GtkToolButton:first-child .button {
+ border-width: 1px;
+ border-radius: 2px;
+ border-style: solid;
+}
+
+.osd.toolbar .separator {
+ color: shade(@osd_bg, 0.9);
+}
+
+/* used by gnome-settings-daemon's media-keys OSD */
+.osd.trough {
+ background-color: shade(@osd_bg, 0.8);
+}
+
+.osd.progressbar {
+ background-color: @osd_fg;
+}
+
+.osd .scale.slider {
+ background-color: shade(@osd_bg, 1.08);
+ background-image: none;
+ /* we will draw the border using box shadow for now */
+ box-shadow: inset 1px 0 shade(@osd_bg, 0.8),
+ inset 0 1px shade(@osd_bg, 0.8),
+ inset -1px 0 shade(@osd_bg, 0.8),
+ inset 0 -1px shade(@osd_bg, 0.8);
+}
+
+.osd .scale.slider:hover {
+ box-shadow: inset 1px 0 shade(@osd_bg, 0.7),
+ inset 0 1px shade(@osd_bg, 0.7),
+ inset -1px 0 shade(@osd_bg, 0.7),
+ inset 0 -1px shade(@osd_bg, 0.7);
+}
+
+.osd .scale.slider:insensitive {
+ background-color: shade(@osd_bg, 0.9);
+ background-image: none;
+ box-shadow: inset 1px 0 shade(@osd_bg, 0.85),
+ inset 0 1px shade(@osd_bg, 0.85),
+ inset -1px 0 shade(@osd_bg, 0.85),
+ inset 0 -1px shade(@osd_bg, 0.85);
+}
+
+.osd .scale.trough {
+ border-color: shade(@osd_bg, 0.8);
+ background-color: shade(@osd_bg, 1.08);
+ background-image: none;
+}
+
+.osd .scale.trough.highlight {
+ border-color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+}
+
+.osd .scale.trough:insensitive,
+.osd .scale.trough.highlight:insensitive {
+ border-color: shade(@osd_bg, 0.85);
+ background-color: shade(@osd_bg, 0.9);
+ background-image: none;
+}
+
+.osd GtkProgressBar,
+GtkProgressBar.osd {
+ -GtkProgressBar-xspacing: 0;
+ -GtkProgressBar-yspacing: 2px;
+ -GtkProgressBar-min-horizontal-bar-height: 2px;
+
+ padding: 0;
+}
+
+.osd GtkProgressBar.trough,
+GtkProgressBar.osd.trough {
+ padding: 0;
+ border-style: none;
+ border-radius: 0;
+ background-image: none;
+ background-color: transparent;
+}
+
+.osd GtkProgressBar.progressbar,
+GtkProgressBar.osd.progressbar {
+ border-style: none;
+ border-radius: 0;
+ background-color: @theme_selected_bg_color;
+ background-image: none;
+}
+
+.osd .view,
+.osd.view {
+ background-color: @osd_base;
+}
+
+.osd .scrollbar.trough {
+ background-color: @osd_bg;
+}
+
+.osd .scrollbar.slider {
+ border-width: 1px;
+ border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21);
+ border-radius: 0;
+ background-color: mix(@osd_base, @osd_fg, 0.21);
+}
+
+.osd .scrollbar.slider:hover {
+ border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31);
+ background-color: mix(@osd_base, @osd_fg, 0.31);
+}
+
+.osd .scrollbar.slider:active {
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: @theme_selected_bg_color;
+}
+
+.osd GtkIconView.cell:selected,
+.osd GtkIconView.cell:selected:focus {
+ background-color: transparent;
+ border-style: solid;
+ border-radius: 2px;
+ border-width: 3px;
+ border-color: @osd_fg;
+ outline-color: transparent;
+}
+
+/* used by Documents */
+.osd .page-thumbnail {
+ border-style: solid;
+ border-width: 1px;
+ border-color: shade(@osd_bg, 0.9);
+ /* when there's no pixbuf yet */
+ background-color: @osd_bg;
+}
+
+/******************************
+ * destructive action buttons *
+ ******************************/
+.destructive-action.button {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@error_color, 0.8);
+ border-radius: 2px;
+ background-color: @error_color;
+ background-image: none;
+ color: mix(@theme_selected_fg_color, @error_color, 0.1);
+}
+
+.destructive-action.button:hover {
+ border-color: shade(@error_color, 0.7);
+ background-color: shade(@error_color, 1.12);
+ background-image: none;
+}
+
+.destructive-action.button:active {
+ border-color: shade(@error_color, 0.8);
+ background-color: shade(@error_color, 0.87);
+ background-image: none;
+}
+
+.destructive-action.button:hover:active {
+ border-color: shade(@error_color, 0.7);
+}
+
+/******************************
+ * suggested action buttons *
+ ******************************/
+.suggested-action.button {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ border-radius: 2px;
+ background-color: shade(@theme_selected_bg_color, 1.18);
+ background-image: none;
+ color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1);
+}
+
+.suggested-action.button:hover {
+ border-color: shade(@theme_selected_bg_color, 0.8);
+ background-color: shade(@theme_selected_bg_color, 1.20);
+ background-image: none;
+}
+
+.suggested-action.button:active {
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: shade(@theme_selected_bg_color, 1.05);
+ background-image: none;
+}
+
+.suggested-action.button:hover:active {
+ border-color: shade(@theme_selected_bg_color, 0.8);
+}
+
+/******************
+ * selection mode *
+ ******************/
+.selection-mode.header-bar,
+.selection-mode.toolbar {
+ border-style: solid;
+ border-color: @theme_selected_bg_color;
+ background-color: shade(@theme_selected_bg_color, 1.6);
+ background-image: none;
+ color: @theme_selected_bg_color;
+}
+
+.selection-mode.header-bar {
+ border-top-color: shade(@theme_selected_bg_color, 1.6);
+ border-bottom-color: @theme_selected_bg_color;
+}
+
+.selection-mode.toolbar {
+ padding: 4px;
+}
+
+/* regular button */
+.selection-mode.header-bar .button,
+.selection-mode.toolbar .button,
+.selection-mode.toolbar GtkToolButton .button {
+ border-width: 1px;
+ border-style: solid;
+ border-color: @theme_selected_bg_color;
+ border-radius: 2px;
+ background-color: shade(@theme_selected_bg_color, 1.68);
+ background-image: none;
+ color: shade(@theme_selected_bg_color, 0.8);
+}
+
+.selection-mode.header-bar .button:hover,
+.selection-mode.toolbar .button:hover,
+.selection-mode.toolbar GtkToolButton .button:hover {
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: shade(@theme_selected_bg_color, 1.70);
+ background-image: none;
+}
+
+.selection-mode.header-bar .button:active,
+.selection-mode.toolbar .button:active,
+.selection-mode.toolbar GtkToolButton .button:active {
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: shade(@theme_selected_bg_color, 1.55);
+ background-image: none;
+}
+
+.selection-mode.header-bar .button:hover:active,
+.selection-mode.toolbar .button:hover:active,
+.selection-mode.toolbar GtkToolButton .button:hover:active {
+ border-color: shade(@theme_selected_bg_color, 0.8);
+}
+
+/* suggested button */
+.selection-mode.header-bar .suggested-action.button,
+.selection-mode.toolbar .suggested-action.button,
+.selection-mode.toolbar GtkToolButton.suggested-action .button {
+ border-width: 1px;
+ border-style: solid;
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ border-radius: 2px;
+ background-color: shade(@theme_selected_bg_color, 1.18);
+ background-image: none;
+ color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.1);
+}
+
+.selection-mode.header-bar .suggested-action.button:hover,
+.selection-mode.toolbar .suggested-action.button:hover,
+.selection-mode.toolbar GtkToolButton.suggested-action .button:hover {
+ border-color: shade(@theme_selected_bg_color, 0.8);
+ background-color: shade(@theme_selected_bg_color, 1.20);
+ background-image: none;
+}
+
+.selection-mode.header-bar .suggested-action.button:active,
+.selection-mode.toolbar .suggested-action.button:active,
+.selection-mode.toolbar GtkToolButton.suggested-action:active {
+ border-color: shade(@theme_selected_bg_color, 0.9);
+ background-color: shade(@theme_selected_bg_color, 1.05);
+ background-image: none;
+}
+
+.selection-mode.header-bar .suggested-action.button:hover:active,
+.selection-mode.toolbar .suggested-action.button:hover:active,
+.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active {
+ border-color: shade(@theme_selected_bg_color, 0.8);
+}
+
+/* menu button */
+.selection-mode.header-bar .selection-menu.button,
+.selection-mode.toolbar .selection-menu.button {
+ border-style: none;
+ background-color: transparent;
+ background-image: none;
+ color: shade(@theme_selected_bg_color, 0.8);
+}
+
+.selection-mode.toolbar .dim-label,
+.selection-mode.toolbar .selection-menu.button .dim-label {
+ color: shade(@theme_selected_bg_color, 0.7);
+}
+
+.selection-mode.header-bar .selection-menu.button:hover,
+.selection-mode.toolbar .dim-label:hover,
+.selection-mode.toolbar .selection-menu.button:hover,
+.selection-mode.toolbar .selection-menu.button .dim-label:hover {
+ color: shade(@theme_selected_bg_color, 0.7);
+}
+
+.selection-mode.header-bar .selection-menu.button:active,
+.selection-mode.toolbar .selection-menu.button:active {
+ color: shade(@theme_selected_bg_color, 0.8);
+ box-shadow: none;
+}
+
+/*************************
+ * touch text selections *
+ *************************/
+GtkBubbleWindow {
+ border-radius: 2px;
+ background-clip: border-box;
+}
+
+GtkBubbleWindow.osd.background {
+ background-color: @osd_bg;
+}
+
+GtkBubbleWindow .toolbar {
+ background-color: transparent;
+}
+
+/*******
+ * CSD *
+ *******/
+.titlebar {
+ border-radius: 2px 2px 0 0;
+ background-image: none;
+ background-color: @titlebar_bg_color;
+ color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
+ text-shadow: none;
+}
+
+.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;
+}
+
+.titlebar:backdrop {
+ background-image: none;
+ background-color: @titlebar_bg_color;
+ color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
+ text-shadow: none;
+}
+
+.titlebar .titlebutton {
+ padding: 4px;
+ border-style: none;
+ background: none;
+ color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1);
+ icon-shadow: none;
+}
+
+.titlebar .titlebutton:hover,
+.titlebar .titlebutton:hover:focus {
+ background: none;
+ color: @theme_selected_bg_color;
+}
+
+.titlebar .titlebutton:active,
+.titlebar .titlebutton:active:hover {
+ background: none;
+ color: shade(@theme_selected_bg_color, 0.9);
+ box-shadow: none;
+}
+
+/*
+.titlebar .right .titlebutton:first-child {
+ border-left: 1px solid shade(@titlebar_bg_color, 0.9);
+}
+
+.titlebar .right .titlebutton:last-child {
+}
+
+.titlebar .left .titlebutton:last-child {
+ border-right: 1px solid shade(@titlebar_bg_color, 0.9);
+}
+
+.titlebar .left .titlebutton:first-child {
+}
+*/
+
+.titlebar .titlebutton:backdrop {
+ background-image: none;
+ color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4);
+ icon-shadow: none;
+}
+
+.window-frame {
+ border-style: none;
+ border-radius: 2px 2px 0 0;
+ box-shadow: 0 3px 7px 1px alpha(black, 0.7),
+ 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21);
+
+ /* this is used for the resize cursor area */
+ margin: 10px;
+}
+
+.window-frame.tiled {
+ border-radius: 0;
+}
+
+.window-frame:backdrop {
+ box-shadow: 0 3px 5px 1px alpha(black, 0.5),
+ 0 0 0 1px mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12);
+}