From 6eff3bdc1fd4a09c5510cd0d036258ed1f8b32c4 Mon Sep 17 00:00:00 2001 From: Satyajit Sahoo Date: Sun, 6 Jul 2014 01:24:53 +0530 Subject: [PATCH] SASS port started --- .gitignore | 3 + gtk-3.0/apps/gnome-applications.css | 400 --- gtk-3.0/apps/granite-widgets.css | 670 ----- gtk-3.0/apps/lightdm-gtk-greeter.css | 250 -- gtk-3.0/apps/nemo.css | 76 - gtk-3.0/apps/synaptic.css | 11 - gtk-3.0/apps/unity.css | 79 - gtk-3.0/apps/xfce.css | 38 - gtk-3.0/gtk-dark.css | 85 - gtk-3.0/gtk-widgets-assets.css | 379 --- gtk-3.0/gtk-widgets.css | 3682 -------------------------- gtk-3.0/gtk.css | 85 +- gtk-3.0/scss/_base.scss | 119 + gtk-3.0/scss/_button.scss | 105 + gtk-3.0/scss/_entry.scss | 72 + gtk-3.0/scss/_functions.scss | 64 + gtk-3.0/scss/_global.scss | 43 + gtk-3.0/scss/_menu.scss | 152 ++ gtk-3.0/scss/_toolbar.scss | 120 + gtk-3.0/scss/widgets.scss | 5 + gtk-3.0/settings.ini | 3 - 21 files changed, 684 insertions(+), 5757 deletions(-) delete mode 100644 gtk-3.0/apps/gnome-applications.css delete mode 100644 gtk-3.0/apps/granite-widgets.css delete mode 100644 gtk-3.0/apps/lightdm-gtk-greeter.css delete mode 100644 gtk-3.0/apps/nemo.css delete mode 100644 gtk-3.0/apps/synaptic.css delete mode 100644 gtk-3.0/apps/unity.css delete mode 100644 gtk-3.0/apps/xfce.css delete mode 100644 gtk-3.0/gtk-dark.css delete mode 100644 gtk-3.0/gtk-widgets-assets.css delete mode 100644 gtk-3.0/gtk-widgets.css create mode 100644 gtk-3.0/scss/_base.scss create mode 100644 gtk-3.0/scss/_button.scss create mode 100644 gtk-3.0/scss/_entry.scss create mode 100644 gtk-3.0/scss/_functions.scss create mode 100644 gtk-3.0/scss/_global.scss create mode 100644 gtk-3.0/scss/_menu.scss create mode 100644 gtk-3.0/scss/_toolbar.scss create mode 100644 gtk-3.0/scss/widgets.scss delete mode 100644 gtk-3.0/settings.ini diff --git a/.gitignore b/.gitignore index be9493f..29d5568 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,5 @@ # Ignore Backup Copies from Text Editor *~ +# Ignore SASS files +.sass-cache +gen diff --git a/gtk-3.0/apps/gnome-applications.css b/gtk-3.0/apps/gnome-applications.css deleted file mode 100644 index 9158689..0000000 --- a/gtk-3.0/apps/gnome-applications.css +++ /dev/null @@ -1,400 +0,0 @@ -/*********************** - * fallback mode panel * - ***********************/ -PanelWidget, -PanelApplet, -PanelToplevel { - padding: 0; - background-color: @panel_bg_color; - background-image: none; - color: @panel_fg_color; -} - -PanelApplet { - border-width: 0; -} - -PanelSeparator { - border-width: 0; - background-color: @panel_bg_color; - background-image: none; - color: @panel_fg_color; -} - -.gnome-panel-menu-bar, -PanelApplet > GtkMenuBar.menubar, -PanelApplet > GtkMenuBar.menubar.menuitem, -PanelMenuBar.menubar, -PanelMenuBar.menubar.menuitem { - -PanelMenuBar-icon-visible: true; - - border-width: 0; - background-color: @panel_bg_color; - background-image: none; -} - -PanelAppletFrame { - border-width: 0; - background-color: @panel_bg_color; - background-image: none; -} - -PanelApplet .button { - -GtkButton-inner-border: 2; - - border-width: 0 1px; - border-radius: 0; - border-color: transparent; - background-color: @panel_bg_color; - background-image: none; - color: @panel_fg_color; -} - -PanelApplet .button:active { - border-width: 0 1px; - border-radius: 0; - border-color: mix(@panel_bg_color, @panel_fg_color, 0.21); - background-color: mix(@panel_bg_color, @panel_fg_color, 0.21); - background-image: none; - color: shade(@panel_fg_color, 1.08); -} - -PanelApplet .button:prelight { - border-color: mix(@panel_bg_color, @panel_fg_color, 0.11); - background-color: mix(@panel_bg_color, @panel_fg_color, 0.11); - background-image: none; - color: shade(@panel_fg_color, 1.08); -} - -PanelApplet .button:active:prelight { - border-color: mix(@panel_bg_color, @panel_fg_color, 0.31); - background-color: mix(@panel_bg_color, @panel_fg_color, 0.31); - background-image: none; - color: shade(@panel_fg_color, 1.08); -} - -WnckPager, WnckTasklist { - background-color: @panel_bg_color; -} - -/************ - * nautilus * - ************/ -.nautilus-canvas-item { - border-radius: 2px; -} - -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px black; -} - -.nautilus-desktop.nautilus-canvas-item:active { - color: @theme_fg_color; -} - -.nautilus-desktop.nautilus-canvas-item:selected { - color: @theme_selected_fg_color; -} - -.nautilus-desktop.nautilus-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:prelight, -.nautilus-desktop.nautilus-canvas-item:selected { - text-shadow: none; -} - -NautilusWindow .toolbar { - border-width: 0 0 1px; - border-style: solid; - border-color: shade(@toolbar_bg_color, 0.8); -} - -NautilusWindow .sidebar .frame { - border-style: none; -} - -NautilusWindow > GtkGrid > .pane-separator, -NautilusWindow > GtkGrid > .pane-separator:hover { - border-width: 0 1px 0 0; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; -} - -NautilusNotebook.notebook { - border-right-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -NautilusNotebook .frame { - border-width: 0; -} - -NautilusQueryEditor .search-bar.toolbar { - border-top-width: 0; - border-bottom-width: 0; -} - -NautilusQueryEditor .toolbar { - padding-top: 3px; - padding-bottom: 2px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: @toolbar_bg_color; - background-color: shade(@toolbar_bg_color, 0.9); -} - -NautilusQueryEditor .toolbar:nth-child(2) { - border-color: shade(@toolbar_bg_color, 0.8); -} - -NautilusQueryEditor .toolbar:last-child, -NautilusQueryEditor .search-bar.toolbar:only-child { - border-bottom-width: 1px; - border-bottom-color: shade(@toolbar_bg_color, 0.8); -} - -/****************** - * gnome terminal * - ******************/ -VteTerminal { - background-color: @osd_base; - color: @osd_fg; -} - -TerminalWindow GtkNotebook.notebook { - border-right-width: 0; - border-bottom-width: 0; - border-left-width: 0; -} - -TerminalWindow .scrollbars-junction, -TerminalWindow .scrollbar.trough { - background-color: @osd_base; -} - -TerminalWindow .scrollbar.button, -TerminalWindow .scrollbar.button:active, -TerminalWindow .scrollbar.button:active:hover { - color: shade(@osd_base, 0.6); -} - -TerminalWindow .scrollbar.slider { - border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.21); - background-color: mix(@osd_base, @osd_fg, 0.21); -} - -TerminalWindow .scrollbar.slider:hover, -TerminalWindow .scrollbar.slider.vertical:hover { - border-color: mix(shade(@osd_base, 0.87), @osd_fg, 0.31); - background-color: mix(@osd_base, @osd_fg, 0.31); -} - -TerminalWindow .scrollbar.slider:active, -TerminalWindow .scrollbar.slider.vertical:active { - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; -} - -/********* - * gedit * - *********/ -GeditWindow .pane-separator, -GeditWindow .pane-separator:hover { - border-width: 0 1px 1px 1px; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - color: shade(@theme_bg_color, 0.8); -} - -.gedit-document-panel { - background-color: @theme_bg_color; - color: mix(@theme_fg_color, @theme_bg_color, 0.1); -} - -.gedit-document-panel-group-row, -.gedit-document-panel-group-row:hover { - border-top: 1px solid shade(@theme_bg_color, 0.9); - background-color: @theme_bg_color; -} - -.gedit-document-panel-document-row:hover { - background-color: shade(@theme_bg_color, 1.05); -} - -.gedit-document-panel-document-row:selected, -.gedit-document-panel-document-row:selected:hover { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -.gedit-document-panel .list-row { - padding: 4px; -} - -.gedit-document-panel .list-row .button { - padding: 1px; - border-image: none; - border-radius: 2px; - border-style: solid; - border-color: transparent; - border-width: 1px; - background-color: transparent; - background-image: none; - color: transparent; - icon-shadow: none; -} - -.gedit-document-panel .prelight-row .button { - border-color: alpha(black, 0.1); - color: alpha(white, 0.8); -} - -.gedit-document-panel .list-row .button:hover, -.gedit-document-panel .prelight-row .button:hover { - border-color: alpha(black, 0.1); - color: white; -} - -.gedit-document-panel .prelight-row .button:active { - border-color: alpha(black, 0.2); - background-color: alpha(black, 0.08); - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid alpha(black, 0.1); - background-color: alpha(black, 0.5); - color: white; -} - -.gedit-document-panel-placeholder-row { - border: none; - background-color: alpha(black, 0.08); - transition: all 200ms ease-in; -} - -GeditStatusbar { - border-top: 1px solid shade(@theme_bg_color, 0.8); -} - -GeditStatusbar GeditSmallButton, -GeditStatusMenuButton { - text-shadow: none; -} - -GeditStatusbar GeditSmallButton.button, -GeditStatusbar GeditSmallButton.button:hover, -GeditStatusbar GeditSmallButton.button:active, -GeditStatusbar GeditSmallButton.button:active:hover, -GeditStatusMenuButton.button, -GeditStatusMenuButton.button:hover, -GeditStatusMenuButton.button:active, -GeditStatusMenuButton.button:active:hover { - border-image: none; - border-style: solid; - border-width: 0 1px; - border-radius: 0; - padding: 1px 6px 2px 4px; -} - -GeditStatusbar GeditSmallButton.button:hover, -GeditStatusbar GeditSmallButton.button:active, -GeditStatusbar GeditSmallButton.button:active:hover, -GeditStatusMenuButton.button:hover, -GeditStatusMenuButton.button:active, -GeditStatusMenuButton.button:active:hover { - border-color: shade(@theme_bg_color, 0.8); -} - -GeditStatusbar GeditSmallButton.button:active, -GeditStatusMenuButton.button:active { - background-color: shade(@theme_bg_color, 0.95); - color: @theme_fg_color; -} - -GeditViewFrame .gedit-search-slider { - padding: 4px; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - background-color: @theme_base_color; -} - -GeditViewFrame .gedit-search-slider .not-found { - background-color: @error_bg_color; - background-image: none; - color: @error_fg_color; -} - -GeditViewFrame .gedit-search-slider .not-found:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -GeditFileBrowserWidget .toolbar { - padding: 2px; - border-top: none; - background-color: @theme_bg_color; - background-image: none; -} - -.gedit-search-entry-occurrences-tag { - margin: 2px; - padding: 2px; - color: mix(@theme_text_color, @theme_base_color, 0.5); -} - -/*************** - * font-viewer * - ***************/ -SushiFontWidget { - padding: 6px 12px; -} - -/************* - * gucharmap * - *************/ -GucharmapChartable { - background-color: @theme_base_color; - color: @theme_text_color; -} - -GucharmapChartable:active, -GucharmapChartable:focus, -GucharmapChartable:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/************* - * evolution * - *************/ -EPreviewPane .entry { - background-color: @theme_base_color; - color: @theme_text_color; -} - -/****************** - * gnome calendar * - ******************/ -.calendar-view { - background-color: shade(@theme_base_color, 0.95); - color: @theme_text_color; -} - -/******************* - * gnome-bluetooth * - *******************/ -GtkEntry.entry.pin-entry { - font: regular 50; - padding-left: 25px; - padding-right: 25px; -} - -GtkLabel.pin-label { - font: regular 50; -} diff --git a/gtk-3.0/apps/granite-widgets.css b/gtk-3.0/apps/granite-widgets.css deleted file mode 100644 index 777a30a..0000000 --- a/gtk-3.0/apps/granite-widgets.css +++ /dev/null @@ -1,670 +0,0 @@ -/******************** - * dynamic notebook * - ********************/ -.dynamic-notebook { - background-color: shade(@theme_bg_color, 1.08); - background-image: none; -} - -.dynamic-notebook GtkLabel, -.dynamic-notebook GtkImage { - color: alpha(@theme_fg_color, 0.5); -} - -.dynamic-notebook .notebook { - -GtkNotebook-tab-overlap: 3px; - -GtkNotebook-initial-gap: 12px; - - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - padding: 0; -} - -.dynamic-notebook .notebook tab { - padding: 3px; - border-width: 0 1px; - border-color: shade(@theme_bg_color, 0.85); - border-radius: 0; - background-color: shade(@theme_bg_color, 0.9); - background-image: none; - color: @theme_fg_color; -} - -.dynamic-notebook .notebook tab:nth-child(first) { -} - -.dynamic-notebook .notebook tab:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_base_color, 0.85); - background-image: none; - color: @theme_fg_color; - box-shadow:inset 0 -2px @theme_selected_bg_color; -} - -.dynamic-notebook .notebook tab .entry { - border-radius: 2px; - padding: 4px 3px; -} - -.dynamic-notebook .button:hover, -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button, -.dynamic-notebook .notebook .button:hover, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.7); - color: shade(@theme_fg_color, 0.7); -} - -.dynamic-notebook .menu GtkLabel { - color: @menu_fg; -} - -/**************** - * content view * - ****************/ -.content-view-window { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color:@theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view, -.content-view GtkViewport { - background-color: @theme_base_color; - background-image: none; -} - -.content-view * { - background-color: transparent; - background-image: none; -} - -.content-view .entry { - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view .button { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color: shade(@theme_base_color, 1.08); - background-image: none; - color: @theme_text_color; -} - -.content-view .button:hover { - border-color: shade(@theme_base_color, 0.7); - background-color: shade(@theme_base_color, 1.10); - background-image: none; -} - -.content-view .button:active { - border-color: shade(@theme_base_color, 0.8); - background-color: shade(@theme_base_color, 0.95); - background-image: none; -} - -.content-view .button:active:hover { - border-color: shade(@theme_base_color, 0.7); - color: shade(@theme_text_color, 0.7); -} - -.content-view .button:insensitive { - background-color: shade(@theme_base_color, 0.9); - background-image: none; -} - -.content-view .help_button * { - color: @theme_text_color; -} - -.content-view .toolbar { - -GtkWidget-window-dragging: true; - - padding: 1px; - border-width: 0 0 1px 0; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - background-color: @theme_base_color; - background-image: none; -} - -.content-view .menu { - padding: 0; - border-radius: 0; - border-style: none; - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -/************** - * sourcelist * - **************/ -.source-list, -.source-list.view { - border-radius: 0; - background-color: @theme_bg_color; - background-image: none; - color: mix(@theme_fg_color, @theme_bg_color, 0.1); -} - -.source-list { - -GtkTreeView-horizontal-separator: 1; - -GtkTreeView-vertical-separator: 1; -} - -.source-list.view:selected, -.source-list.view:prelight:selected { - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -.source-list.view:prelight { - background-color: shade(@theme_bg_color, 1.08); - background-image: none; -} - -.source-list.badge, -.source-list.badge:prelight, -.source-list.badge:selected, -.source-list.badge:prelight:selected { - margin: 0 3px; - padding: 0 6px; - border-width: 0; - border-radius: 10px; - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -/****************** - * no undo button * - ******************/ -.button.noundo, -.content-view .button.noundo { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 1.08); - background-image: none; - color: @error_fg_color; -} - -.button.noundo:hover, -.content-view .button.noundo:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: @error_bg_color; - background-image: none; -} - -.button.noundo:active, -.content-view .button.noundo:active { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 0.95); - background-image: none; -} - -.button.noundo:active:hover, -.content-view .button.noundo:active:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: shade(@error_bg_color, 0.97); - background-image: none; -} - -.button.noundo GtkLabel, -.button.noundo Gtklabel:prelight { - color: @error_fg_color; -} - -/********************** - * affirmative button * - **********************/ -.button.affirmative, -.content-view .button.affirmative { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 1.08); - background-image: none; - color: @theme_selected_fg_color; -} - -.button.affirmative:hover, -.content-view .button.affirmative:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: @theme_selected_bg_color; - background-image: none; -} - -.button.affirmative:active, -.content-view .button.affirmative:active { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 0.95); - background-image: none; -} - -.button.affirmative:active:hover, -.content-view .button.affirmative:active:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: shade(@theme_selected_bg_color, 0.97); - background-image: none; -} - -.button.affirmative GtkLabel, -.button.affirmative Gtklabel:prelight { - color: @theme_selected_fg_color; -} - -/********************** - * secondary toolbars * - **********************/ -.secondary-toolbar.toolbar { - padding: 2px; - border-color: shade(@toolbar_bg_color, 0.8); - background-color: @toolbar_bg_color; - background-image: none; -} - -.secondary-toolbar.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; -} - -.secondary-toolbar.toolbar .button:hover { - border-color: shade(@toolbar_bg_color, 0.7); - background-color: shade(@toolbar_bg_color, 1.10); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 0.95); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active:hover { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:focus, -.secondary-toolbar.toolbar .button:hover:focus, -.secondary-toolbar.toolbar .button:active:focus, -.secondary-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:insensitive { - border-color: shade(@toolbar_bg_color, 0.85); - background-color: shade(@toolbar_bg_color, 0.9); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@toolbar_bg_color, 0.75); - background-color: shade(@toolbar_bg_color, 0.80); - background-image: none; -} - -/******************* - * bottom toolbars * - *******************/ -.bottom-toolbar.toolbar { - padding: 6px; - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - background-image: none; -} - -.bottom-toolbar.toolbar .button { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 1.08); - background-image: none; - color: @theme_fg_color; -} - -.bottom-toolbar.toolbar .button:hover { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active:hover { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:focus, -.bottom-toolbar.toolbar .button:hover:focus, -.bottom-toolbar.toolbar .button:active:focus, -.bottom-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:insensitive { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@theme_bg_color, 0.75); - background-color: shade(@theme_bg_color, 0.80); - background-image: none; -} - -/************* - * statusbar * - *************/ -GraniteWidgetsStatusBar { - padding: 1px; - background-color: @theme_bg_color; - background-image: none; - box-shadow: inset 0 1px shade(@theme_bg_color, 0.8); -} - -/*********** - * popover * - ***********/ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 12; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - - margin: 0; - border-style: solid; - border-color: shade(@menu_bg_color, 0.8); - color: @menu_fg_color; -} - -.popover_bg { - background-color: transparent; - background-image: linear-gradient(to bottom, - @menu_bg_color, - @menu_bg_color - ); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .sidebar.view:selected, -GraniteWidgetsPopOver .sidebar.view:selected:focus, -GraniteWidgetsPopOver *:selected, -GraniteWidgetsPopOver *:selected:focus { - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -GraniteWidgetsPopOver .button { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 1.08); - background-image: none; - color: @menu_fg_color; - -} - -GraniteWidgetsPopOver .button:hover { - border-color: shade(@menu_bg_color, 0.7); - background-color: shade(@menu_bg_color, 1.10); - background-image: none; - color: shade(@menu_fg_color, 0.7); -} - -GraniteWidgetsPopOver .button:active { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 0.95); - background-image: none; -} - -GraniteWidgetsPopOver .button:active:hover { - border-color: shade(@menu_bg_color, 0.7); - color: shade(@menu_fg_color, 0.7); -} - -/* linked buttons */ -GraniteWidgetsPopOver .linked .button { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9); -} - -GraniteWidgetsPopOver .linked .button:active { - box-shadow: inset -1px 0 shade(@menu_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); -} - -GraniteWidgetsPopOver .linked .button:insensitive { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9); -} - -/* remove box shadow from last-child and only-child */ -GraniteWidgetsPopOver .linked .button:last-child, -GraniteWidgetsPopOver .linked .button:only-child, -GraniteWidgetsPopOver .linked .button:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:insensitive:only-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:only-child { - box-shadow: none; -} - -/* add back the inset shadow effect */ -GraniteWidgetsPopOver .linked .button:active:last-child, -GraniteWidgetsPopOver .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); -} - -GraniteWidgetsPopOver .entry { - border-color: shade(@menu_bg_color, 0.7); - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .entry:active, -GraniteWidgetsPopOver .entry:focus { - border-color: shade(@menu_bg_color, 0.7); -} - -GraniteWidgetsPopOver *.separator { - border-color: shade(@menu_bg_color, 0.9); - color: transparent; -} - -.button.app { - border-width: 0; - border-radius: 2px; - background-color: transparent; - background-image: none; -} - -.button.app:hover { - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -.button.app:focus { - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -/******** - * gala * - ********/ -.gala-workspaces-background { - border-width: 1px 0 0 0; - border-color: shade(@panel_bg_color, 0.8); - background-color: @panel_bg_color; - background-image: none; -} - -.gala-workspace-selected { - border-width: 1px; - border-radius: 2px; - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; -} - -/********* - * files * - *********/ -.files-overlay-bar { - margin: 3px; - padding: 3px 6px; - border-width: 1px; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-color: @theme_base_color; - background-image: none; -} - -.files-overlay-bar GtkLabel { - color: @theme_text_color; -} - -/********* - * noise * - *********/ -.album-list-view, -.album-list-view * { - border-color: shade(@theme_base_color, 0.7); - border-radius: 0; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView { - -GtkTreeView-vertical-separator: 1; - -GtkTreeView-grid-line-width: 0; - - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView row:nth-child(even) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 0.97); - background-image: none; -} - - -.album-list-view GtkTreeView row:nth-child(odd) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 1.0); - background-image: none; -} - -.album-list-view GtkTreeView row:selected { - background-color: @selected_bg_color; - background-image: none; - color: @selected_fg_color; -} - -/********** - * birdie * - **********/ -BirdieWidgetsTweetList * { - background-color: transparent; - background-image: none; -} - -/********* - * tweet * - *********/ -.tweet { - padding: 0; -} - -/********** - * notify * - **********/ -.notify { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.notify .low { -} - -.notify .critical { -} - -/********* - * panel * - *********/ -.panel { - background-color: @panel_bg_color; - background-image: none; - color: @panel_fg_color; - font: bold; -} - -.panel .menubar .menuitem { - padding: 1px 3px; -} - -.shadow { - background-color: transparent; - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, 0.3), - transparent - ); -} - -.composited-indicator, -.wingpanel-app-button, -.wingpanel-indicator-button { - padding: 0 2px; - background-color: transparent; - background-image: none; - color: @osd_fg; -} - -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { - border-style: none; - background-image: none; -} diff --git a/gtk-3.0/apps/lightdm-gtk-greeter.css b/gtk-3.0/apps/lightdm-gtk-greeter.css deleted file mode 100644 index 874cdb3..0000000 --- a/gtk-3.0/apps/lightdm-gtk-greeter.css +++ /dev/null @@ -1,250 +0,0 @@ -/********* - * panel * - *********/ -#panel_window { - background-color: transparent; - background-image: none; - color: white; - font: bold; - text-shadow: 0 1px alpha(black, 0.5); - icon-shadow: 0 1px alpha(black, 0.5); -} - -#panel_window .menubar, -#panel_window .menubar > .menuitem { - background-color: transparent; - background-image: none; - color: white; - font: bold; - text-shadow: 0 1px alpha(black, 0.5); - icon-shadow: 0 1px alpha(black, 0.5); -} - -#panel_window .menubar > .menuitem:hover { - border-style: none; - background-color: alpha(white, 0.2); - background-image: none; - color: white; -} - -#panel_window .menubar > .menuitem *:hover { - color: white; -} - -#panel_window .menubar > .menuitem:insensitive { - color: alpha(white, 0.7); -} - -#panel_window .menubar .menu { - border-radius: 1px; -} - -#panel_window .menubar .menu .menuitem { - font: normal; - text-shadow: none; -} - -/**************** - * login window * - ****************/ -#login_window, -#shutdown_dialog, -#restart_dialog { - border-style: none; - border-radius: 2px; - background-color: @lightdm_bg_color; - color: @lightdm_fg_color; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), - inset -1px 0 mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), - inset 0 1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21), - inset 0 -1px mix(shade(@lightdm_bg_color, 0.7), @lightdm_fg_color, 0.21); -} - -#content_frame { - padding-bottom: 14px; -} - -#login_window .menu { - border-radius: 1px; -} - -#login_window GtkComboBox .button, -#login_window GtkComboBox .button:hover, -#login_window GtkComboBox .button:active, -#login_window GtkComboBox .button:active:hover, -#login_window GtkComboBox .button:focus, -#login_window GtkComboBox .button:hover:focus, -#login_window GtkComboBox .button:active:focus, -#login_window GtkComboBox .button:active:hover:focus { - padding: 0; - background: none; - border-style: none; - box-shadow: none; -} - -#login_window GtkComboBox .button:focus, -#login_window GtkComboBox .button:hover:focus, -#login_window GtkComboBox .button:active:focus, -#login_window GtkComboBox .button:active:hover:focus { - background: none; - border-style: none; -} - -#login_window #user_combobox { - color: @lightdm_fg_color; - font: 18px; -} - -#login_window #user_combobox .menu { - font: normal; -} - -#login_window #user_combobox .arrow { - color: mix(@lightdm_fg_color, @lightdm_bg_color, 0.5); -} - -#login_window .entry { - padding: 3px 5px; - border-width: 1px; - border-style: solid; - border-color: shade(@lightdm_bg_color, 0.8); - border-radius: 2px; - background-color: shade(@lightdm_bg_color, 0.9); - background-image: none; - color: @lightdm_fg_color; - - box-shadow: none; - transition: all 150ms ease-out; -} - -#login_window .entry:focus, -#login_window .entry:hover { - border-color: shade(@lightdm_bg_color, 0.7); - - 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); -} - -#login_window .button, -#shutdown_dialog .button, -#restart_dialog .button { - padding: 3px 15px; - border-width: 1px; - border-radius: 2px; - border-style: solid; - border-color: shade(@lightdm_bg_color, 0.8); - background-color: shade(@lightdm_bg_color, 1.08); - background-image: none; - color: @lightdm_fg_color; - - transition: all 150ms ease-out; -} - -#user_image { - padding: 3px; - border-radius: 2px; - - /* draw border using box-shadow */ - box-shadow: inset 1px 0 shade(@lightdm_bg_color, 0.7), - inset -1px 0 shade(@lightdm_bg_color, 0.7), - inset 0 1px shade(@lightdm_bg_color, 0.7), - inset 0 -1px shade(@lightdm_bg_color, 0.7); -} - -#user_image_border { - border-radius: 2px; - background-color: shade(@lightdm_bg_color, 0.9); - background-image: none; - - 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); -} - -#buttonbox_frame { - padding-top: 10px; - padding-bottom: 0; - border-style: none; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -/****************************** - * default and focused button * - ******************************/ -#login_window .button.default, -#shutdown_dialog .button.default, -#restart_dialog .button.default, -#login_window .button:focus, -#login_window .button:active:focus, -#shutdown_dialog .button:focus, -#shutdown_dialog .button:active:focus, -#restart_dialog .button:focus, -#restart_dialog .button:active:focus { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 1.08); - background-image: none; - color: @theme_selected_fg_color; -} - -#login_window .button.default:hover, -#shutdown_dialog .button.default:hover, -#restart_dialog .button.default:hover, -#login_window .button:hover:focus, -#login_window .button:active:hover:focus, -#shutdown_dialog .button:hover:focus, -#shutdown_dialog .button:active:hover:focus, -#restart_dialog .button:hover:focus, -#restart_dialog .button:active:hover:focus { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: @theme_selected_bg_color; -} - -/******************* - * shutdown button * - *******************/ -#shutdown_button.button { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 1.08); - background-image: none; - color: @error_fg_color; -} - -#shutdown_button.button:hover, -#shutdown_button.button:active, -#shutdown_button.button:active:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: @error_bg_color; -} - -/****************** - * restart button * - ******************/ -#restart_button.button { - border-color: shade(@warning_bg_color, 0.8); - background-color: shade(@warning_bg_color, 1.08); - background-image: none; - color: @warning_fg_color; -} - -#restart_button.button:hover, -#restart_button.button:active, -#restart_button.button:active:hover { - border-color: shade(@warning_bg_color, 0.7); - background-color: @warning_bg_color; -} - -/******************** - * password warning * - ********************/ -#greeter_infobar { - font: bold; -} diff --git a/gtk-3.0/apps/nemo.css b/gtk-3.0/apps/nemo.css deleted file mode 100644 index fa09d03..0000000 --- a/gtk-3.0/apps/nemo.css +++ /dev/null @@ -1,76 +0,0 @@ -/***************** - * desktop icons * - *****************/ -.nemo-canvas-item { - border-radius: 2px; -} - -.nemo-desktop.nemo-canvas-item { - color: white; - text-shadow: 1px 1px black; -} - -.nemo-desktop.nemo-canvas-item:active { - color: @theme_fg_color; -} - -.nemo-desktop.nemo-canvas-item:selected { - color: @theme_selected_fg_color; -} - -.nemo-desktop.nemo-canvas-item:active, -.nemo-desktop.nemo-canvas-item:prelight, -.nemo-desktop.nemo-canvas-item:selected { - text-shadow: none; -} - -/*********************** - * pathbar breadcrumbs * - ***********************/ -NemoPathbarButton { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 1.08); - background-image: none; - color: @toolbar_fg_color; - - -NemoPathbarButton-border-radius: 2px; -} - -NemoPathbarButton:active { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 0.95); - background-image: none; -} - -NemoPathbarButton:hover { - border-color: shade(@toolbar_bg_color, 0.7); - background-color: shade(@toolbar_bg_color, 1.10); - background-image: none; -} - -NemoPathbarButton:active:hover { - border-color: shade(@toolbar_bg_color, 0.7); -} - -/********************************* - * sidebar disk space indicators * - *********************************/ -NemoPlacesTreeView { - -NemoPlacesTreeView-disk-full-bg-color: shade(@toolbar_bg_color, 0.8); - -NemoPlacesTreeView-disk-full-fg-color: @theme_selected_bg_color; - -NemoPlacesTreeView-disk-full-bar-width: 1px; - -NemoPlacesTreeView-disk-full-bar-radius: 1px; - -NemoPlacesTreeView-disk-full-bottom-padding: 2px; - -NemoPlacesTreeView-disk-full-max-length: 70px; -} - -NemoPlacesTreeView:selected { - -NemoPlacesTreeView-disk-full-bg-color: @theme_selected_fg_color; - -NemoPlacesTreeView-disk-full-fg-color: shade(@theme_selected_bg_color, 1.4); -} - -NemoPlacesTreeView:hover { -} - -NemoPlacesTreeView:selected:hover { -} diff --git a/gtk-3.0/apps/synaptic.css b/gtk-3.0/apps/synaptic.css deleted file mode 100644 index a8877d1..0000000 --- a/gtk-3.0/apps/synaptic.css +++ /dev/null @@ -1,11 +0,0 @@ -/************ - * synaptic * - ************/ -GtkWindow > GtkVBox > .dock, -GtkWindow > GtkVBox > .dock > GtkHBox > GtkToolbar { - padding: 4px; - border-style: none; - background-color: @toolbar_bg_color; - background-image: none; - color: @toolbar_fg_color; -} diff --git a/gtk-3.0/apps/unity.css b/gtk-3.0/apps/unity.css deleted file mode 100644 index 689e0ab..0000000 --- a/gtk-3.0/apps/unity.css +++ /dev/null @@ -1,79 +0,0 @@ -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba(0,0,0,0.7); - -UnityDecoration-active-shadow-radius: 8px; - -UnityDecoration-inactive-shadow-color: rgba(0,0,0,0.5); - -UnityDecoration-inactive-shadow-radius: 5px; - - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: @theme_selected_bg_color; - - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.top { - border: 1px solid mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); - border-bottom-width: 0; - border-radius: 2px 2px 0 0; - padding: 1px 8px 0 8px; - background-color: @titlebar_bg_color; - color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); - text-shadow: none; -} - -UnityDecoration.top:backdrop { - border: 1px solid mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); - border-bottom-width: 0; - background-color: @titlebar_bg_color; - color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); -} - -UnityDecoration.left, -UnityDecoration.right, -UnityDecoration.bottom { - background-color: mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); -} - -UnityDecoration.left:backdrop, -UnityDecoration.right:backdrop, -UnityDecoration.bottom:backdrop { - background-color: mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); -} - -UnityPanelWidget, -.unity-panel { - border-width: 0 0 1px 0; - border-style: solid; - border-color: @panel_bg_color; - background-color: @panel_bg_color; - background-image: none; - color: @panel_fg_color; -} - -.unity-panel.menubar, -.unity-panel .menubar { -} - -.unity-panel.menuitem, -.unity-panel .menuitem { - border-width: 0 1px; - color: @panel_fg_color; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-color: mix(@panel_bg_color, @panel_fg_color, 0.21); - background-color: mix(@panel_bg_color, @panel_fg_color, 0.21); - background-image: none; - color: shade(@panel_fg_color, 1.08); -} - -SheetStyleDialog.unity-force-quit { - background-color: @theme_bg_color; -} diff --git a/gtk-3.0/apps/xfce.css b/gtk-3.0/apps/xfce.css deleted file mode 100644 index 03cfb20..0000000 --- a/gtk-3.0/apps/xfce.css +++ /dev/null @@ -1,38 +0,0 @@ -XfceHeading { - margin: 0; - padding: 0; - border-width: 0; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.xfce4-panel { - background-color: @panel_bg_color; - color: @panel_fg_color; - font: normal; -} - -.xfce4-panel .button { - padding: 0 2px; - border-radius: 0; - border-style: none; - color: @panel_fg_color; -} - -.xfce4-panel .button:active { - background-color: shade(@panel_bg_color, 0.8); - background-image: none; - color: @panel_fg_color; -} - -.xfce4-panel .button:hover, -.xfce4-panel .button:active:hover { - background-color: mix(@panel_bg_color, @panel_fg_color, 0.21); - background-image: none; - color: shade(@panel_fg_color, 1.08); -} - -.xfce4-panel .menu { - -gtk-image-effect: none; -} diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css deleted file mode 100644 index 22f93ef..0000000 --- a/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1,85 +0,0 @@ -/* default color scheme */ -@define-color base_color #333333; -@define-color bg_color #2d2d2d; -@define-color text_color #dedede; -@define-color fg_color #dcdcdc; -@define-color selected_bg_color #d64937; -@define-color selected_fg_color #f9f9f9; -@define-color tooltip_bg_color #2d2d2d; -@define-color tooltip_fg_color #dcdcdc; - -/* dark color scheme */ -@define-color dark_bg_color #2d2d2d; -@define-color dark_fg_color #dcdcdc; - -/* colormap actually used by the theme, to be overridden in other css files */ -@define-color theme_bg_color @bg_color; -@define-color theme_fg_color @fg_color; -@define-color theme_base_color @base_color; -@define-color theme_text_color @text_color; -@define-color theme_selected_bg_color @selected_bg_color; -@define-color theme_selected_fg_color @selected_fg_color; -@define-color theme_tooltip_bg_color @tooltip_bg_color; -@define-color theme_tooltip_fg_color @tooltip_fg_color; - -/* shadow effects */ -@define-color light_shadow #fff; -@define-color dark_shadow #000; - -/* misc colors used by gtk+ */ -@define-color info_fg_color rgb (58, 135, 173); -@define-color info_bg_color rgb (217, 237, 247); -@define-color warning_fg_color rgb (192, 152, 83); -@define-color warning_bg_color rgb (252, 248, 227); -@define-color question_fg_color rgb (214, 73, 55); -@define-color question_bg_color rgb (252, 229, 213); -@define-color error_fg_color rgb (185, 74, 72); -@define-color error_bg_color rgb (242, 222, 222); -@define-color link_color #fc6f5d; -@define-color success_color #53a93f; -@define-color warning_color #f57900; -@define-color error_color #cc0000; - -/* widget colors */ -@define-color titlebar_bg_color @dark_bg_color; -@define-color titlebar_fg_color @dark_fg_color; -@define-color menubar_bg_color @dark_bg_color; -@define-color menubar_fg_color @dark_fg_color; -@define-color toolbar_bg_color @theme_bg_color; -@define-color toolbar_fg_color @theme_fg_color; -@define-color menu_bg_color @dark_bg_color; -@define-color menu_fg_color @dark_fg_color; -@define-color panel_bg_color @dark_bg_color; -@define-color panel_fg_color @dark_fg_color; - -/* osd */ -@define-color osd_base @dark_bg_color; -@define-color osd_fg @dark_fg_color; -@define-color osd_bg alpha(@osd_base, 0.8); - -/* lightdm greeter colors */ -@define-color lightdm_bg_color @dark_bg_color; -@define-color lightdm_fg_color @dark_fg_color; - -/* window manager colors */ -@define-color wm_bg @titlebar_bg_color; -@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); -@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); -@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); -@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); -@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); -@define-color wm_icons_focused_prelight @selected_bg_color; -@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8); -@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); -@define-color wm_icons_unfocused_prelight @selected_bg_color; -@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8); - -@import url("gtk-widgets.css"); -@import url("gtk-widgets-assets.css"); -@import url("apps/gnome-applications.css"); -@import url("apps/granite-widgets.css"); -@import url("apps/unity.css"); -@import url("apps/xfce.css"); -@import url("apps/nemo.css"); -@import url("apps/synaptic.css"); -@import url("apps/lightdm-gtk-greeter.css"); diff --git a/gtk-3.0/gtk-widgets-assets.css b/gtk-3.0/gtk-widgets-assets.css deleted file mode 100644 index 6f878e1..0000000 --- a/gtk-3.0/gtk-widgets-assets.css +++ /dev/null @@ -1,379 +0,0 @@ -/******************* - * check and radio * - *******************/ -.check, -.check row:selected, -.check row:selected:focus { - background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%; - background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%; - background-repeat: no-repeat; -} - -.check:insensitive, -.check row:selected:insensitive, -.check row:selected:focus:insensitive { - background-image: linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)), - linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%; - background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%; - background-repeat: no-repeat; -} - -.check:active, -.check row:selected:active, -.check row:selected:focus:active { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent), - linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent), - linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%; - background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%; - background-repeat: no-repeat; -} - -.check:active:insensitive, -.check row:selected:active:insensitive, -.check row:selected:focus:active:insensitive { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - linear-gradient(45deg, transparent, transparent 30%, shade(@theme_base_color, 0.6) 30%, shade(@theme_base_color, 0.6) 70%, transparent 70%, transparent), - linear-gradient(-45deg, transparent, transparent 37%, shade(@theme_base_color, 0.6) 37%, shade(@theme_base_color, 0.6) 62%, transparent 62%, transparent), - linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)), - linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%; - background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%; - background-repeat: no-repeat; -} - -.check:inconsistent, -.check row:selected:inconsistent, -.check row:selected:focus:inconsistent { - background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color), - linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%; - background-size: 50% 12%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%; - background-repeat: no-repeat; -} - -.check:inconsistent:insensitive, -.check row:selected:inconsistent:insensitive, -.check row:selected:focus:inconsistent:insensitive { - background-image: linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)), - linear-gradient(to bottom, shade(@theme_base_color, 0.85), shade(@theme_base_color, 0.85)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%; - background-size: 50% 12%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%; - background-repeat: no-repeat; -} - -.radio, -.radio row:selected, -.radio row:selected:focus { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center; - background-size: 90% 90%, 100% 100%; - background-repeat: no-repeat; -} - -.radio:insensitive, -.radio row:selected:insensitive, -.radio row:selected:focus:insensitive { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center; - background-size: 90% 90%, 100% 100%; - background-repeat: no-repeat; -} - -.radio:active, -.radio row:selected:active, -.radio row:selected:focus:active { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center, center center; - background-size: 40% 40%, 90% 90%, 100% 100%; - background-repeat: no-repeat; -} - -.radio:active:insensitive, -.radio row:selected:active:insensitive, -.radio row:selected:focus:active:insensitive { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center, center center; - background-size: 40% 40%, 90% 90%, 100% 100%; - background-repeat: no-repeat; -} - -.radio:inconsistent, -.radio row:selected:inconsistent, -.radio row:selected:focus:inconsistent { - background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center, center center; - background-size: 50% 12%, 90% 90%, 100% 100%; - background-repeat: no-repeat; -} - -.radio:inconsistent:insensitive, -.radio row:selected:inconsistent:insensitive, -.radio row:selected:focus:inconsistent:insensitive { - background-image: linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.85)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center, center center; - background-size: 50% 12%, 90% 90%, 100% 100%; - background-repeat: no-repeat; -} - -.menuitem.check:active { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent), - linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent); - - background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%; - background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%; - background-repeat: no-repeat; -} - -.menuitem.check:active:hover { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)), - linear-gradient(45deg, transparent, transparent 30%, @theme_selected_fg_color 30%, @theme_selected_fg_color 70%, transparent 70%, transparent), - linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_fg_color 37%, @theme_selected_fg_color 62%, transparent 62%, transparent); - - background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%; - background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%; - background-repeat: no-repeat; -} - -.menuitem.check:active:insensitive { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)), - linear-gradient(45deg, transparent, transparent 30%, mix(@menu_fg_color, @menu_bg_color, 0.5) 30%, mix(@menu_fg_color, @menu_bg_color, 0.5) 70%, transparent 70%, transparent), - linear-gradient(-45deg, transparent, transparent 37%, mix(@menu_fg_color, @menu_bg_color, 0.5) 37%, mix(@menu_fg_color, @menu_bg_color, 0.5) 62%, transparent 62%, transparent); - - background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%; - background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%; - background-repeat: no-repeat; -} - -.menuitem.radio:active { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)); - background-position: center center; - background-size: 40% 40%; - background-repeat: no-repeat; -} - -.menuitem.radio:active:hover { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent)); - background-position: center center; - background-size: 40% 40%; - background-repeat: no-repeat; -} - -.menuitem.radio:active:insensitive { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent)); - background-position: center center; - background-size: 40% 40%; - background-repeat: no-repeat; -} - -.menuitem.check:inconsistent, -.menuitem.radio:inconsistent { - background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color); - - background-position: center center; - background-size: 50% 12%; - background-repeat: no-repeat; -} - -.menuitem.check:inconsistent:hover, -.menuitem.radio:inconsistent:hover { - background-image: linear-gradient(to bottom, @theme_selected_fg_color, @theme_selected_fg_color); - - background-position: center center; - background-size: 50% 12%; - background-repeat: no-repeat; -} - -.menuitem.check:inconsistent:insensitive, -.menuitem.radio:inconsistent:insensitive { - background-image: linear-gradient(to bottom, mix(@menu_fg_color, @menu_bg_color, 0.5), mix(@menu_fg_color, @menu_bg_color, 0.5)); - - background-position: center center; - background-size: 50% 12%; - background-repeat: no-repeat; -} - -GtkIconView.content-view.cell.check { - background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%; - background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%; - background-repeat: no-repeat; -} - -GtkIconView.content-view.cell.check:active { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), - linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent), - linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent), - linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, @theme_base_color, @theme_base_color), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)), - -gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)); - - background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%; - background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%; - background-repeat: no-repeat; -} - -/****************** - * pane separator * - ******************/ -.pane-separator, -.pane-separator.horizontal { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 0.8) 0%, - shade(@theme_bg_color, 0.8) 20%, - transparent 20%, - transparent 45%, - shade(@theme_bg_color, 0.8) 45%, - shade(@theme_bg_color, 0.8) 55%, - transparent 55%, - transparent 80%, - shade(@theme_bg_color, 0.8) 80%, - shade(@theme_bg_color, 0.8) - ); - - background-size: 4px 10px; - background-repeat: no-repeat; - background-position: center center; -} - -.pane-separator.vertical { - background-image: linear-gradient(to right, - shade(@theme_bg_color, 0.8) 0%, - shade(@theme_bg_color, 0.8) 20%, - transparent 20%, - transparent 45%, - shade(@theme_bg_color, 0.8) 45%, - shade(@theme_bg_color, 0.8) 55%, - transparent 55%, - transparent 80%, - shade(@theme_bg_color, 0.8) 80%, - shade(@theme_bg_color, 0.8) - ); - - background-size: 10px 4px; - background-repeat: no-repeat; - background-position: center center; -} diff --git a/gtk-3.0/gtk-widgets.css b/gtk-3.0/gtk-widgets.css deleted file mode 100644 index 061ef57..0000000 --- a/gtk-3.0/gtk-widgets.css +++ /dev/null @@ -1,3682 +0,0 @@ -/* 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; - -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; - -GtkWindow-resize-grip-height: 0; - -GtkWindow-resize-grip-width: 0; - -WnckTasklist-fade-overlay-rect: 0; - - /* legacy only */ - -GtkWidget-focus-line-width: 1; - -GtkWidget-focus-padding: 0; - - background-clip: padding-box; - - /* - outline-color: alpha(@theme_selected_bg_color, 0.5); - outline-style: dashed; - outline-width: 1px; - outline-offset: -2px; - outline-radius: 2px; - */ -} - -/*************** - * base states * - ***************/ -.background { - background-color: @theme_bg_color; - color: @theme_fg_color; -} - -.background:backdrop { - text-shadow: none; - icon-shadow: none; -} - -*: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; -} - -/************** - * hyperlinks * - **************/ -* { - -GtkHTML-link-color: @link_color; - -GtkIMHtml-hyperlink-color: @link_color; - -GtkWidget-link-color: @link_color; - -GtkWidget-visited-link-color: @link_color; -} - -*:link, -*:visited { - color: @link_color; -} - -/****************** - * 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; -} - -GtkCheckButton { - outline-offset: 0; - padding: 3px; -} - -/***************** - * 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.subtitle { - font: smaller; - padding: 0 12px; -} - -.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; - outline-offset: -1px; -} - -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 * -************/ -GtkExpander { - padding: 3px; - outline-offset: 1px; -} - -.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 { - padding: 3px; -} - -.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; -} - -/************** -* flow boxes * -**************/ - -.grid-child { - padding: 3px; -} - -/********* - * 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; - margin: 3px; -} - -.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:backdrop { - box-shadow: none; -} - -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; -} - -.menuitem.button { - color: @theme_fg_color; -} - -.menuitem.button, -.menuitem.button:active, -.menuitem.button:insensitive, -.menuitem.button:active:insensitive { - background-color: transparent; - background-image: none; - border-color: transparent; - border-style: none; - box-shadow: none; - color: @theme_fg_color; -} - -.menuitem.button:active:hover, -.menuitem.button:hover, -.menuitem.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 0 0 0; - 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: 10; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -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 6px; - border-style: solid; - border-width: 1px; - border-color: transparent; - background-color: transparent; - background-image: none; -} - -.notebook tab:active { - background-color: transparent; - background-image: none; -} - -.notebook tab.top { - border-bottom-width: 2px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.notebook tab.top:hover { - border-bottom-color: alpha(@theme_selected_bg_color, 0.3); -} - -.notebook tab.top:active { - border-bottom-color: @theme_selected_bg_color; -} - -.notebook tab.right { - border-left-width: 2px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} - -.notebook tab.right:hover { - border-left-color: alpha(@theme_selected_bg_color, 0.3); -} - -.notebook tab.right:active { - border-left-color: @theme_selected_bg_color; -} - -.notebook tab.bottom { - border-top-width: 2px; - border-top-right-radius: 0; - border-top-left-radius: 0; -} - -.notebook tab.bottom:hover { - border-top-color: alpha(@theme_selected_bg_color, 0.3); -} - -.notebook tab.bottom:active { - border-top-color: @theme_selected_bg_color; -} - -.notebook tab.left { - border-right-width: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.notebook tab.left:hover { - border-right-color: alpha(@theme_selected_bg_color, 0.3); -} - -.notebook tab.left:active { - border-right-color: @theme_selected_bg_color; -} - -.notebook tab GtkLabel { - color: mix(@theme_text_color, @theme_base_color, 0.3); -} - -.notebook .prelight-page, -.notebook .prelight-page GtkLabel { - color: mix (@theme_text_color, @theme_base_color, 0.15); -} - -.notebook .active-page, -.notebook .active-page GtkLabel { - color: @theme_text_color; -} - -.notebook tab.reorderable-page:hover { - background-color: shade(@theme_base_color, 0.85); - border-left: 0; - border-right: 0; - /* using box shadows instead of borders due to slanted edges */ - box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03), - inset 1px 0 shade(@theme_base_color, 0.7), inset -1px 0 shade(@theme_base_color, 0.7); -} - -.notebook tab.reorderable-page:active { - background-color: shade(@theme_base_color, 0.90); - border-left: 0; - border-right: 0; - box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03), - inset 1px 0 shade(@theme_base_color, 0.75), inset -1px 0 shade(@theme_base_color, 0.75); -} - -/* 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; - font-size: smaller; - color: alpha(@theme_fg_color, 0.6); -} - -.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; - outline-offset: -1px; -} - -.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; - outline-offset: -4px; -} - -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; - - outline-offset: -1px; -} - -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; -} - -/*********** - * dialogs * - ***********/ -GtkMessageDialog, -.prompt { - -GtkDialog-content-area-border: 0; - -GtkDialog-action-area-border: 0; - -GtkDialog-button-spacing: 0; - - margin: 0; - padding: 0; -} - -/******************** - * 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); -} - -GtkFileChooser .pane-separator, -GtkFileChooser .pane-separator:hover { - border-width: 0 1px 0 0; - border-style: solid; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - color: shade(@theme_bg_color, 0.9); -} - -/* for fallback when header bar not used */ -GtkFileChooser .dialog-action-box { - border-width: 1px 0 0; - border-style: solid; - border-color: shade(@theme_bg_color, 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); -} diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 72e9b19..fe669f9 100644 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -1,85 +1,2 @@ -/* default color scheme */ -@define-color bg_color #dedede; -@define-color fg_color #555555; -@define-color base_color #f9f9f9; -@define-color text_color #333333; -@define-color selected_bg_color #d64937; -@define-color selected_fg_color #f9f9f9; -@define-color tooltip_bg_color #2d2d2d; -@define-color tooltip_fg_color #dcdcdc; -/* dark color scheme */ -@define-color dark_bg_color #2d2d2d; -@define-color dark_fg_color #dcdcdc; - -/* colormap actually used by the theme, to be overridden in other css files */ -@define-color theme_bg_color @bg_color; -@define-color theme_fg_color @fg_color; -@define-color theme_base_color @base_color; -@define-color theme_text_color @text_color; -@define-color theme_selected_bg_color @selected_bg_color; -@define-color theme_selected_fg_color @selected_fg_color; -@define-color theme_tooltip_bg_color @tooltip_bg_color; -@define-color theme_tooltip_fg_color @tooltip_fg_color; - -/* shadow effects */ -@define-color light_shadow #fff; -@define-color dark_shadow #000; - -/* misc colors used by gtk+ */ -@define-color info_fg_color rgb (58, 135, 173); -@define-color info_bg_color rgb (217, 237, 247); -@define-color warning_fg_color rgb (192, 152, 83); -@define-color warning_bg_color rgb (252, 248, 227); -@define-color question_fg_color rgb (214, 73, 55); -@define-color question_bg_color rgb (252, 229, 213); -@define-color error_fg_color rgb (185, 74, 72); -@define-color error_bg_color rgb (242, 222, 222); -@define-color link_color #fc6f5d; -@define-color success_color #53a93f; -@define-color warning_color #f57900; -@define-color error_color #cc0000; - -/* widget colors */ -@define-color titlebar_bg_color @dark_bg_color; -@define-color titlebar_fg_color @dark_fg_color; -@define-color menubar_bg_color @dark_bg_color; -@define-color menubar_fg_color @dark_fg_color; -@define-color toolbar_bg_color @theme_bg_color; -@define-color toolbar_fg_color @theme_fg_color; -@define-color menu_bg_color @dark_bg_color; -@define-color menu_fg_color @dark_fg_color; -@define-color panel_bg_color @dark_bg_color; -@define-color panel_fg_color @dark_fg_color; - -/* osd */ -@define-color osd_base @dark_bg_color; -@define-color osd_fg @dark_fg_color; -@define-color osd_bg alpha(@osd_base, 0.8); - -/* lightdm greeter colors */ -@define-color lightdm_bg_color @dark_bg_color; -@define-color lightdm_fg_color @dark_fg_color; - -/* window manager colors */ -@define-color wm_bg @titlebar_bg_color; -@define-color wm_border_focused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.21); -@define-color wm_border_unfocused mix(shade(@titlebar_bg_color, 0.7), @titlebar_fg_color, 0.12); -@define-color wm_title_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); -@define-color wm_title_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); -@define-color wm_icons_focused mix(@titlebar_fg_color, @titlebar_bg_color, 0.1); -@define-color wm_icons_focused_prelight @selected_bg_color; -@define-color wm_icons_focused_pressed shade(@selected_bg_color, 0.8); -@define-color wm_icons_unfocused mix(@titlebar_fg_color, @titlebar_bg_color, 0.4); -@define-color wm_icons_unfocused_prelight @selected_bg_color; -@define-color wm_icons_unfocused_pressed shade(@selected_bg_color, 0.8); - -@import url("gtk-widgets.css"); -@import url("gtk-widgets-assets.css"); -@import url("apps/gnome-applications.css"); -@import url("apps/granite-widgets.css"); -@import url("apps/unity.css"); -@import url("apps/xfce.css"); -@import url("apps/nemo.css"); -@import url("apps/synaptic.css"); -@import url("apps/lightdm-gtk-greeter.css"); +@import url("gen/widgets.css"); \ No newline at end of file diff --git a/gtk-3.0/scss/_base.scss b/gtk-3.0/scss/_base.scss new file mode 100644 index 0000000..95a1994 --- /dev/null +++ b/gtk-3.0/scss/_base.scss @@ -0,0 +1,119 @@ +@import "functions"; + +* { + -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; + -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; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + /* legacy stuff */ + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 0; + + /* + outline-color: alpha($selected_bg_color, 0.5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -2px; + outline-radius: 2px; + */ +} + +/*************** +* base states * +***************/ +* { + &:selected, + &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:insensitive, + &:insensitive:insensitive { color: mix($fg_color, $bg_color, 50%); } + + &:insensitive { -gtk-image-effect: dim; } + + &:hover { -gtk-image-effect: highlight; } +} + +.background { + background-color: $bg_color; + color: $fg_color; + + &:backdrop { + text-shadow: none; + icon-shadow: none; + } +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + + &:prelight { + background-color: shade($bg_color, 1.1); + color: $fg_color; + } + + &:active { + background-color: shade($bg_color, 0.9); + color: $fg_color; + } + + &:insensitive { + background-color: shade(shade($bg_color, 0.95), 1.05); + color: mix($fg_color, $bg_color, 50%); + } + + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +GtkImage, GtkLabel, GtkBox, GtkGrid { + &, &:insensitive { background-color: transparent; } +} + +/************** +* hyperlinks * +**************/ +* { + -GtkHTML-link-color: $link_color; + -GtkIMHtml-hyperlink-color: $link_color; + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_color; + + &:link, &:visited { color: $link_color; } +} \ No newline at end of file diff --git a/gtk-3.0/scss/_button.scss b/gtk-3.0/scss/_button.scss new file mode 100644 index 0000000..82f84e0 --- /dev/null +++ b/gtk-3.0/scss/_button.scss @@ -0,0 +1,105 @@ +@import "functions"; + +@mixin linked_button($bg, $shadow) { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; + box-shadow: inset -1px 0 border_normal($bg); + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + &:only-child { + border-width: 1px; + border-radius: $roundness; + } + + &:focus, &:hover { box-shadow: inset -1px 0 border_focus($bg); } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus { + box-shadow: inset -1px 0 border_active($bg), + inset 1px 0 alpha($shadow, .07), + inset 0 1px alpha($shadow, .08), + inset 0 -1px alpha($shadow, .05); + } + + &:insensitive { box-shadow: inset -1px 0 border_insensitive($bg); } + + &:last-child, &:only-child, + &:insensitive:last-child, &:insensitive:only-child, + &:active *:insensitive:last-child, &:active *:insensitive:only-child { box-shadow: none; } + + &:active:last-child, &:active:only-child { + box-shadow: inset 1px 0 alpha($shadow, .07), + inset 0 1px alpha($shadow, .08), + inset -1px 0 alpha($shadow, .07); + } +} + +@mixin button($bg, $fg) { + @include linear-gradient(shade($bg, 1.05)); + @include border(shade($bg, 1.05)); + + padding: ($spacing - 1px) ($spacing + 1px); + border-width: 1px; + border-radius: $roundness; + border-style: solid; + color: $fg; + transition: 100ms ease; + + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + &:focus, &:hover { @include linear-gradient(shade($bg, 1.1)); } + + &:active { + @include linear-gradient(shade($bg, .95)); + + box-shadow: inset 1px 0 alpha($dark_shadow, .07), + inset 0 1px alpha($dark_shadow, .08), + inset -1px 0 alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + &:insensitive { + @include linear-gradient(shade($bg, .95)); + + color: mix($bg, $fg, .5); + } + + &:active *:insensitive { + @include linear-gradient(shade($bg, .8)); + + box-shadow: none; + } + + &.separator, .separator { + color: shade($bg, .95); + border: 1px solid currentColor; + + &:insensitive { color: shade($bg, .85); } + } + + &.linked, &.raised.linked, .linked & { @include linked_button(shade($bg, 1.05), $dark_shadow); } +} + +.button { + @include button($bg_color, $fg_color); + + &.default { @include button($selected_bg_color, $selected_fg_color); } +} \ No newline at end of file diff --git a/gtk-3.0/scss/_entry.scss b/gtk-3.0/scss/_entry.scss new file mode 100644 index 0000000..dc9e658 --- /dev/null +++ b/gtk-3.0/scss/_entry.scss @@ -0,0 +1,72 @@ +@import "functions"; + +@mixin linked_entry($bg) { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + &:only-child { + border-width: 1px; + border-radius: $roundness; + } +} + +@mixin entry($bg, $fg) { + @include linear-gradient($bg); + @include border(shade($bg, .9)); + + padding: ($spacing - 1px) ($spacing + 1px); + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: border 100ms ease; + box-shadow: inset 1px 0 alpha($dark_shadow, .1), + inset 0 1px alpha($dark_shadow, .12), + inset -1px 0 alpha($dark_shadow, .1), + inset 0 -1px alpha($dark_shadow, .05); + + &:selected, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:insensitive { + @include linear-gradient(shade($bg, .9)); + + color: mix($bg, $fg, .5); + box-shadow: none; + } + + &.progressbar { + @include linear-gradient($selected_bg_color); + + border-width: 0; + border-radius: $roundness; + color: $selected_fg_color; + } + + &.image.left { padding-right: $spacing; } +} + +.entry { + @include entry($base_color, $text_color); + + .linked & { @include linked_entry($base_color); } +} \ No newline at end of file diff --git a/gtk-3.0/scss/_functions.scss b/gtk-3.0/scss/_functions.scss new file mode 100644 index 0000000..ab12059 --- /dev/null +++ b/gtk-3.0/scss/_functions.scss @@ -0,0 +1,64 @@ +@import "global"; + +@function alpha($color, $amount) { + @if type-of($color) == "color" { + @return fade-out($color, (1 - $amount)); + } @else { + @return unquote("alpha(#{$color},#{$amount})"); + } +} + +@function shade($color, $amount) { +// @if type-of($color) == "color" { +// @if $amount < 1 { +// @return darken($color, ((1 - $amount) * 100)); +// } @else { +// @return lighten($color, (($amount - 1) * 100)); +// } +// } @else { + @return unquote("shade(#{$color},#{$amount})"); +// } +} + +@function mix($color1, $color2, $amount) { + @return unquote("mix(#{$color1},#{$color2},#{$amount})"); +} + +@function border_normal($color) { + @return shade($color, $contrast); +} + +@function border_focus($color) { + @return shade($color, ($contrast - .1)); +} + +@function border_active($color) { + @return shade($color, ($contrast - .15)); +} + +@function border_insensitive($color) { + @return shade($color, ($contrast + .05)); +} + +@mixin linear-gradient($color, $direction: to bottom) { + $amount: $gradient / 2; + + background-color: $color; + background-image: linear-gradient($direction, + shade($color, (1 + $amount)), + shade($color, (1 - $amount)) + ); +} + +@mixin border($color) { + border-color: border_normal($color); + + &:focus, &:hover { border-color: border_focus($color); } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus { border-color: border_active($color); } + + &:insensitive { border-color: border_insensitive($color); } + + &:active *:insensitive { border-color: border_normal($color); } +} \ No newline at end of file diff --git a/gtk-3.0/scss/_global.scss b/gtk-3.0/scss/_global.scss new file mode 100644 index 0000000..eee1977 --- /dev/null +++ b/gtk-3.0/scss/_global.scss @@ -0,0 +1,43 @@ +/* default color scheme */ +$bg_color: #dedede; +$fg_color: #555555; +$base_color: #f9f9f9; +$text_color: #2d2d2d; +$selected_bg_color: #d64937; +$selected_fg_color: #f9f9f9; +$tooltip_bg_color: #2d2d2d; +$tooltip_fg_color: #dedede; + +/* dark colors */ +$dark_bg_color: #2d2d2d; +$dark_fg_color: #dedede; + +/* shadows */ +$dark_shadow: #000; +$light_shadow: #fff; + +/* misc colors used by gtk+ */ +$info_fg_color: rgb (58, 135, 173); +$info_bg_color: rgb (217, 237, 247); +$warning_fg_color: rgb (192, 152, 83); +$warning_bg_color: rgb (252, 248, 227); +$question_fg_color: rgb (214, 73, 55); +$question_bg_color: rgb (252, 229, 213); +$error_fg_color: rgb (185, 74, 72); +$error_bg_color: rgb (242, 222, 222); +$link_color: #fc6f5d; +$success_color: #53a93f; +$warning_color: #f57900; +$error_color: #cc0000; + +$titlebar_bg_color: $dark_bg_color; +$titlebar_fg_color: $dark_fg_color; + +$menu_bg_color: $dark_bg_color; +$menu_fg_color: $dark_fg_color; + +/* widget styles */ +$roundness: 2px; +$spacing: 5px; +$gradient: 0; +$contrast: .7; \ No newline at end of file diff --git a/gtk-3.0/scss/_menu.scss b/gtk-3.0/scss/_menu.scss new file mode 100644 index 0000000..905dc8a --- /dev/null +++ b/gtk-3.0/scss/_menu.scss @@ -0,0 +1,152 @@ +@import "functions"; +@import "entry"; + +GtkTreeMenu, GtkMenuToolButton, GtkComboBox { + &.menu, .menu { + background-color: $menu_bg_color; + margin: $spacing; + } +} + +#toolbar-popup, .menu { + padding: 0; + border-radius: 0; + border-style: none; + background-color: $menu_bg_color; + color: $menu_fg_color; + + &:selected { background-color: $selected_bg_color; } + + .button { + &, &:hover, &:active, &:active *:insensitive, &:insensitive { + border-width: 0; + background-color: transparent; + background-image: none; + } + } +} + +.context-menu { font: initial; } + +.menuitem { + GtkTreeMenu & { + padding: 0; + border-width: 0; + } + + &, .menu & { + padding: $spacing; + border-width: 1px; + border-style: solid; + border-color: transparent; + border-radius: 0; + background-color: transparent; + background-image: none; + + -GtkMenuItem-arrow-scaling: 0.5; + + &:active, &:hover { + border-color: shade($selected_bg_color, .9); + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + + & *:active, & *:hover { color: $selected_fg_color; } + + &:insensitive, & *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); } + } + + &.check, &.radio { + &, &:focus, &:hover, &:insensitive { background-image: none; } + + &, &:focus, &:hover, &:active, &:insensitive { + border-style: none; + background-color: transparent; + } + } + + &.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + + border-style: none; + color: shade($menu_bg_color, .9); + } + + &.button { + &, &:active, &:insensitive, &:active:insensitive { + background-color: transparent; + background-image: none; + border-color: transparent; + border-style: none; + box-shadow: none; + color: currentColor; + } + + &:hover, &:active:hover, &:selected { + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + } + + GtkCalendar { + &:inconsistent { color: mix($menu_fg_color, $menu_bg_color, .5); } + + .button { + border-style: none; + background-color: transparent; + background-image: none; + } + } + + .accelerator { + color: alpha($menu_fg_color, .6); + + &:hover { color: alpha($selected_fg_color, .8); } + + &:insensitive { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); } + } + + .entry { @include entry($menu_bg_color, $menu_fg_color); } +} + +GtkModelMenuItem GtkBox GtkImage { padding-right: $spacing; } + +GtkPopover { + @include border($menu_bg_color); + + margin: 10px; + padding: $spacing; + border-radius: $roundness; + border-width: 1px; + border-style: solid; + background-clip: border-box; + background-color: $menu_bg_color; + color: $menu_fg_color; + box-shadow: 0 2px 3px alpha(black, .5); + + &:backdrop { box-shadow: none; } + + &.osd { + box-shadow: 0 2px 7px 3px alpha(black, .5); + + > .toolbar .button { + border-radius: 0; + border-width: 0; + background-image: none; + background-color: transparent; + } + } + + > .list, > .view, > .toolbar { background-color: transparent; } + + .separator { + border: 0; + background-color: transparent; + color: alpha($menu_bg_color, .5); + font-size: 80%; + font-weight: bold; + } +} \ No newline at end of file diff --git a/gtk-3.0/scss/_toolbar.scss b/gtk-3.0/scss/_toolbar.scss new file mode 100644 index 0000000..e4f21ca --- /dev/null +++ b/gtk-3.0/scss/_toolbar.scss @@ -0,0 +1,120 @@ +@import "functions"; +@import "button"; + +@mixin toolbar($bg, $fg) { + @include linear-gradient($bg); + @include border($bg); + + padding: $spacing; + color: $fg; + + &:insensitive { + @include linear-gradient(darken($bg, 10%)); + + color: mix($fg, $bg, .5); + } + + .title { + font: bold; + padding: 0 12px; + } + + .subtitle { + font: smaller; + padding: 0 12px; + } + + .button { @include button($bg, $fg); } + + GtkComboBox, .button { + padding: 2px; + + &.text-button { padding: 4px; } + + &.image-button { padding: $spacing ($spacing - 1px) ($spacing - 1px) $spacing; } + } + + GtkSeparatorToolItem, .separator, .separator:insensitive { + color: border_normal($bg); + border-color: currentColor; + + -GtkWidget-window-dragging: true; + } + + .menubar { -GtkToolbar-button-relief: normal; } +} + +.toolbar { + @include toolbar($bg_color, $fg_color); + + border-style: none; +} + +.header-bar { + @include toolbar($titlebar_bg_color, $titlebar_fg_color); + + border-width: 0 0 1px 0; + border-style: solid; +} + +.titlebar { + @include linear-gradient($titlebar_bg_color); + + border-radius: $roundness $roundness 0 0; + color: mix($titlebar_fg_color, $titlebar_bg_color, .9); + + &:backdrop { + @include linear-gradient($titlebar_bg_color); + + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + text-shadow: none; + } + + &.default-decoration { + border: none; + box-shadow: none; + } + + .tiled &, .maximized & { border-radius: 0; } + + .title { font: bold; } + + .titlebutton { + padding: $spacing; + border: none; + background: none; + color: mix($titlebar_fg_color, $titlebar_bg_color, 90%); + + &:hover, &:hover:focus { + background: none; + color: $selected_bg_color; + } + + &:active, &:active:hover { + background: none; + color: darken($selected_bg_color, 10%); + box-shadow: none; + } + + &:backdrop { + background-image: none; + color: mix($titlebar_fg_color, $titlebar_bg_color, 60%); + icon-shadow: none; + } + } +} + +.window-frame { + margin: 10px; + border-style: none; + border-radius: $roundness $roundness 0 0; + box-shadow: 0 3px 7px 1px fade-out(black, .3), + 0 0 0 1px mix($titlebar_fg_color, $titlebar_bg_color, 21%); + + &:backdrop { + box-shadow: 0 3px 5px 1px fade-out(black, 0.5), + 0 0 0 1px mix($titlebar_fg_color, $titlebar_bg_color, 12%); + } + + &.tiled { border-radius: 0; } +} \ No newline at end of file diff --git a/gtk-3.0/scss/widgets.scss b/gtk-3.0/scss/widgets.scss new file mode 100644 index 0000000..178dccc --- /dev/null +++ b/gtk-3.0/scss/widgets.scss @@ -0,0 +1,5 @@ +@import "base"; +@import "button"; +@import "entry"; +@import "menu"; +@import "toolbar"; \ No newline at end of file diff --git a/gtk-3.0/settings.ini b/gtk-3.0/settings.ini deleted file mode 100644 index 9aa01e5..0000000 --- a/gtk-3.0/settings.ini +++ /dev/null @@ -1,3 +0,0 @@ -[Settings] -gtk-auto-mnemonics = 1 -gtk-visible-focus = automatic