diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..169cf9a --- /dev/null +++ b/.editorconfig @@ -0,0 +1,29 @@ +# EditorConfig helps developers define and maintain consistent +# coding styles between different editors and IDEs +# editorconfig.org + +root = true + + +[*] + +# change these settings to your own preference +indent_style = space +indent_size = 4 + +# we recommend you to keep these unchanged +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true + +[*.md] +trim_trailing_whitespace = false + +[*.yml] +indent_style = space +indent_size = 2 + +[Makefile] +indent_style = tab +indent_size = 4 diff --git a/.gitignore b/.gitignore index be9493f..e1c2565 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,7 @@ # Ignore Backup Copies from Text Editor *~ + +# Ignore SASS files +.sass-cache +gtk.gresource +dist diff --git a/.hound.yml b/.hound.yml new file mode 100644 index 0000000..35b1a94 --- /dev/null +++ b/.hound.yml @@ -0,0 +1,2 @@ +scss: + config_file: .scss-lint.yml diff --git a/.scss-lint.yml b/.scss-lint.yml new file mode 100644 index 0000000..a981c3b --- /dev/null +++ b/.scss-lint.yml @@ -0,0 +1,193 @@ +linters: + + BangFormat: + enabled: true + space_before_bang: true + space_after_bang: false + + BorderZero: + enabled: true + + ColorKeyword: + enabled: true + + ColorVariable: + enabled: true + + Comment: + enabled: false + + DebugStatement: + enabled: true + + DeclarationOrder: + enabled: true + + DisableLinterReason: + enabled: true + + DuplicateProperty: + enabled: true + + ElsePlacement: + enabled: true + style: same_line + + EmptyLineBetweenBlocks: + enabled: true + ignore_single_line_blocks: false + + EmptyRule: + enabled: true + + ExtendDirective: + enabled: false + + FinalNewline: + enabled: true + present: true + + HexLength: + enabled: true + style: short + + HexNotation: + enabled: true + style: lowercase + + HexValidation: + enabled: true + + IdSelector: + enabled: false + + ImportantRule: + enabled: true + + ImportPath: + enabled: true + leading_underscore: false + filename_extension: false + + Indentation: + enabled: true + character: space + width: 4 + + LeadingZero: + enabled: true + style: exclude_zero + + MergeableSelector: + enabled: false + + NameFormat: + enabled: false + convention: hyphenated_lowercase + + NestingDepth: + enabled: true + max_depth: 5 + + PlaceholderInExtend: + enabled: false + + PropertyCount: + enabled: false + + PropertySortOrder: + enabled: false + + PropertySpelling: + enabled: true + extra_properties: [ "icon-shadow", "outline-radius" ] + + PropertyUnits: + enabled: true + global: [ "px", "%", "s", "ms" ] + + QualifyingElement: + enabled: false + allow_element_with_attribute: false + allow_element_with_class: false + allow_element_with_id: false + + SelectorDepth: + enabled: true + max_depth: 5 + + SelectorFormat: + enabled: false + convention: hyphenated_lowercase + + Shorthand: + enabled: true + + SingleLinePerProperty: + enabled: true + allow_single_line_rule_sets: true + + SingleLinePerSelector: + enabled: false + + SpaceAfterComma: + enabled: true + + SpaceAfterPropertyColon: + enabled: true + style: one_space + + SpaceAfterPropertyName: + enabled: true + + SpaceAfterVariableName: + enabled: true + + SpaceAroundOperator: + enabled: true + + SpaceBeforeBrace: + enabled: true + style: space + allow_single_line_padding: true + + SpaceBetweenParens: + enabled: true + spaces: 0 + + StringQuotes: + enabled: true + style: double_quotes + + TrailingSemicolon: + enabled: true + + TrailingZero: + enabled: true + + UnnecessaryMantissa: + enabled: true + + UnnecessaryParentReference: + enabled: true + + UrlFormat: + enabled: false + + UrlQuotes: + enabled: true + + VariableForProperty: + enabled: false + + VendorPrefix: + enabled: false + identifier_list: base + include: [] + exclude: [] + + ZeroUnit: + enabled: true + + Compass::*: + enabled: false diff --git a/CREDITS b/CREDITS old mode 100644 new mode 100755 diff --git a/LICENSE b/LICENSE old mode 100644 new mode 100755 diff --git a/Makefile b/Makefile new file mode 100755 index 0000000..4f666d9 --- /dev/null +++ b/Makefile @@ -0,0 +1,45 @@ +SASS=scss +SASSFLAGS=--sourcemap=none +GLIB_COMPILE_RESOURCES=glib-compile-resources +RES_DIR=gtk-3.0 +SCSS_DIR=$(RES_DIR)/scss +DIST_DIR=$(RES_DIR)/dist +INSTALL_DIR=$(DESTDIR)/usr/share/themes/Numix + +all: clean gresource + +css: + $(SASS) --update $(SASSFLAGS) $(SCSS_DIR):$(DIST_DIR) + +gresource: css + $(GLIB_COMPILE_RESOURCES) --sourcedir=$(RES_DIR) $(RES_DIR)/gtk.gresource.xml + +watch: clean + while true; do \ + make gresource; \ + inotifywait @gtk.gresource -qr -e modify -e create -e delete $(RES_DIR); \ + done + +clean: + rm -rf $(DIST_DIR) + rm -f $(RES_DIR)/gtk.gresource + +install: all + install -d -m755 $(INSTALL_DIR) + + for f in *; do cp -pr $$f $(INSTALL_DIR)/; done + +uninstall: + rm -rf $(INSTALL_DIR) + +.PHONY: all +.PHONY: css +.PHONY: watch +.PHONY: gresource +.PHONY: clean +.PHONY: install +.PHONY: uninstall + +.DEFAULT_GOAL := all + +# vim: set ts=4 sw=4 tw=0 noet : diff --git a/README.md b/README.md old mode 100644 new mode 100755 index d6d1756..33cd6a9 --- a/README.md +++ b/README.md @@ -4,7 +4,23 @@ Numix is a part of the [Numix Project](http://numixproject.org). ### Manual installation -Extract the zip file to the themes directory i.e. `/usr/share/themes/` +First, you need to compile the theme using the [Sass](http://sass-lang.com/) compiler. + +To install Sass, install ruby and the gem command using your distro's package manager. Then install `sass` with the `gem` command, + +`gem install sass` + +You'll also need the following commands in your path to generate the gresource binary. Install them using your distro's package manager. + +* `glib-compile-schemas` +* `gdk-pixbuf-pixdata` + +After installing all the dependencies, switch to the cloned directory and, run the following in Terminal, + +``` +make +sudo make install +``` To set the theme in Gnome, run the following commands in Terminal, @@ -22,7 +38,7 @@ xfconf-query -c xfwm4 -p /general/theme -s "Numix" ### Requirements -GTK+ 3.6 or above +GTK+ 3.16 or above Murrine theme engine diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc old mode 100644 new mode 100755 index 2a45ec0..7157c41 --- a/gtk-2.0/gtkrc +++ b/gtk-2.0/gtkrc @@ -1,6 +1,6 @@ # Numix GTK Theme -gtk-color-scheme = "bg_color:#dedede\nfg_color:#555555\nbase_color:#f9f9f9\ntext_color:#333333\nselected_bg_color:#d64937\nselected_fg_color:#f9f9f9\ntooltip_bg_color:#2d2d2d\ntooltip_fg_color:#dedede\ntitlebar_bg_color:#2d2d2d\ntitlebar_fg_color:#dcdcdc\nmenubar_bg_color:#2d2d2d\nmenubar_fg_color:#dcdcdc\ntoolbar_bg_color:#dedede\ntoolbar_fg_color:#555555\nmenu_bg_color:#2d2d2d\nmenu_fg_color:#dcdcdc\npanel_bg_color:#2d2d2d\npanel_fg_color:#dcdcdc\nlink_color:#fc6f5d" +gtk-color-scheme = "bg_color:#eeeeee\nfg_color:#555555\nbase_color:#ffffff\ntext_color:#333333\nselected_bg_color:#f0544c\nselected_fg_color:#ffffff\ntooltip_bg_color:#444444\ntooltip_fg_color:#eeeeee\ntitlebar_bg_color:#444444\ntitlebar_fg_color:#dddddd\nmenubar_bg_color:#444444\nmenubar_fg_color:#dddddd\ntoolbar_bg_color:#eeeeee\ntoolbar_fg_color:#555555\nmenu_bg_color:#444444\nmenu_fg_color:#dddddd\npanel_bg_color:#444444\npanel_fg_color:#dddddd\nlink_color:#f06860" # Default Style @@ -470,7 +470,7 @@ class "PanelToplevel*" style "murrine-panel" widget_class "*PanelToplevel*" style "murrine-panel" widget_class "*notif*" style "murrine-panel" widget_class "*Notif*" style "murrine-panel" -widget_class "*Tray*" style "murrine-panel" +widget_class "*Tray*" style "murrine-panel" widget_class "*tray*" style "murrine-panel" widget_class "*computertemp*" style "murrine-panel" widget_class "*Applet*Tomboy*" style "murrine-panel" diff --git a/gtk-3.0/apps/gnome-applications.css b/gtk-3.0/apps/gnome-applications.css deleted file mode 100644 index 0e47150..0000000 --- a/gtk-3.0/apps/gnome-applications.css +++ /dev/null @@ -1,396 +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-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 1ddb61c..0000000 --- a/gtk-3.0/apps/granite-widgets.css +++ /dev/null @@ -1,677 +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_color; -} - -/**************** - * 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; -} - -/************ - * terminal * - ************/ -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; -} - -/********* - * 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: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px alpha (black, 0.5); - icon-shadow: 0 1px 2px alpha (black, 0.5); -} - -.panel .menu .menuitem { - font-weight: normal; -} - -.panel-shadow { - background-image: none; - background-color: transparent; -} - -.panel-app-button { - -GtkMenuItem-horizontal-padding: 6px; -} - -.composited-indicator { - background-color: transparent; - color: white; - padding: 0 2px; -} - -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { - border-style: none; - background-image: none; - box-shadow: 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 e3b2b29..0000000 --- a/gtk-3.0/apps/lightdm-gtk-greeter.css +++ /dev/null @@ -1,262 +0,0 @@ -/*********** - * general * - ***********/ -#screen.lightdm-gtk-greeter { - background: transparent; -} - -/********* - * 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 { - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -#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 #login_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 { - background-color: @warning_bg_color; - color: @warning_fg_color; - 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-greeter.css b/gtk-3.0/apps/unity-greeter.css deleted file mode 100644 index 8bccc4b..0000000 --- a/gtk-3.0/apps/unity-greeter.css +++ /dev/null @@ -1,94 +0,0 @@ -.lightdm.menu { - background-image: none; - background-color: alpha (black, 0.6); - border-color: alpha (white, 0.2); - border-radius: 4px; - padding: 1px; - - color: white; -} - -.lightdm-combo .menu { - background-color: shade (@dark_bg_color, 1.08); - border-radius: 0px; - padding: 0px; - - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - background-image: none; - background-color: alpha (black, 0.5); -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: alpha (black, 0.3); - border-color: alpha (white, 0.6); - border-radius: 5px; - padding: 7px; - - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focused, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focused { - background-image: none; - border-image: none; -} - -.lightdm.button:focused, -.lightdm.entry:focused { - border-color: alpha (white, 0.9); - border-width: 1px; - border-style: solid; - - color: white; -} - -.lightdm.entry:selected { - background-color: alpha (white, 0.2); -} - -@keyframes dashentry_spinner { - to { -gtk-icon-transform: rotate(1turn); } -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: alpha (black, 0.3); - border-width: 1px; -} 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 dcffbbc..0000000 --- a/gtk-3.0/apps/xfce.css +++ /dev/null @@ -1,50 +0,0 @@ -CatfishWindow .sidebar .button.flat { - padding: 4px 6px; - transition: none; -} - -CatfishWindow .sidebar .button.flat:active, -CatfishWindow .sidebar .button.flat:checked { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; -} - -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/assets/checkbox-checked-dark.png b/gtk-3.0/assets/checkbox-checked-dark.png new file mode 100644 index 0000000..8d3df52 Binary files /dev/null and b/gtk-3.0/assets/checkbox-checked-dark.png differ diff --git a/gtk-3.0/assets/checkbox-checked-insensitive-dark.png b/gtk-3.0/assets/checkbox-checked-insensitive-dark.png new file mode 100644 index 0000000..bd03ec9 Binary files /dev/null and b/gtk-3.0/assets/checkbox-checked-insensitive-dark.png differ diff --git a/gtk-3.0/assets/checkbox-checked-insensitive.png b/gtk-3.0/assets/checkbox-checked-insensitive.png new file mode 100644 index 0000000..e73b148 Binary files /dev/null and b/gtk-3.0/assets/checkbox-checked-insensitive.png differ diff --git a/gtk-3.0/assets/checkbox-checked.png b/gtk-3.0/assets/checkbox-checked.png new file mode 100644 index 0000000..8d3df52 Binary files /dev/null and b/gtk-3.0/assets/checkbox-checked.png differ diff --git a/gtk-3.0/assets/checkbox-mixed-dark.png b/gtk-3.0/assets/checkbox-mixed-dark.png new file mode 100644 index 0000000..080fdfa Binary files /dev/null and b/gtk-3.0/assets/checkbox-mixed-dark.png differ diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive-dark.png b/gtk-3.0/assets/checkbox-mixed-insensitive-dark.png new file mode 100644 index 0000000..3646c7d Binary files /dev/null and b/gtk-3.0/assets/checkbox-mixed-insensitive-dark.png differ diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive.png b/gtk-3.0/assets/checkbox-mixed-insensitive.png new file mode 100644 index 0000000..f6ef803 Binary files /dev/null and b/gtk-3.0/assets/checkbox-mixed-insensitive.png differ diff --git a/gtk-3.0/assets/checkbox-mixed.png b/gtk-3.0/assets/checkbox-mixed.png new file mode 100644 index 0000000..080fdfa Binary files /dev/null and b/gtk-3.0/assets/checkbox-mixed.png differ diff --git a/gtk-3.0/assets/checkbox-unchecked-dark.png b/gtk-3.0/assets/checkbox-unchecked-dark.png new file mode 100644 index 0000000..439d96e Binary files /dev/null and b/gtk-3.0/assets/checkbox-unchecked-dark.png differ diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.png b/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.png new file mode 100644 index 0000000..123b3c1 Binary files /dev/null and b/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.png differ diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive.png b/gtk-3.0/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..b3f42cf Binary files /dev/null and b/gtk-3.0/assets/checkbox-unchecked-insensitive.png differ diff --git a/gtk-3.0/assets/checkbox-unchecked.png b/gtk-3.0/assets/checkbox-unchecked.png new file mode 100644 index 0000000..6a03e25 Binary files /dev/null and b/gtk-3.0/assets/checkbox-unchecked.png differ diff --git a/gtk-3.0/assets/grid-selection-checked-dark.png b/gtk-3.0/assets/grid-selection-checked-dark.png new file mode 100644 index 0000000..036b9de Binary files /dev/null and b/gtk-3.0/assets/grid-selection-checked-dark.png differ diff --git a/gtk-3.0/assets/grid-selection-checked.png b/gtk-3.0/assets/grid-selection-checked.png new file mode 100644 index 0000000..53ea861 Binary files /dev/null and b/gtk-3.0/assets/grid-selection-checked.png differ diff --git a/gtk-3.0/assets/grid-selection-unchecked-dark.png b/gtk-3.0/assets/grid-selection-unchecked-dark.png new file mode 100644 index 0000000..b0abbfd Binary files /dev/null and b/gtk-3.0/assets/grid-selection-unchecked-dark.png differ diff --git a/gtk-3.0/assets/grid-selection-unchecked.png b/gtk-3.0/assets/grid-selection-unchecked.png new file mode 100644 index 0000000..675ed59 Binary files /dev/null and b/gtk-3.0/assets/grid-selection-unchecked.png differ diff --git a/gtk-3.0/assets/menuitem-checkbox-checked-hover.png b/gtk-3.0/assets/menuitem-checkbox-checked-hover.png new file mode 100644 index 0000000..a9a4586 Binary files /dev/null and b/gtk-3.0/assets/menuitem-checkbox-checked-hover.png differ diff --git a/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png b/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png new file mode 100644 index 0000000..c0c78f9 Binary files /dev/null and b/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png differ diff --git a/gtk-3.0/assets/menuitem-checkbox-checked.png b/gtk-3.0/assets/menuitem-checkbox-checked.png new file mode 100644 index 0000000..6483d99 Binary files /dev/null and b/gtk-3.0/assets/menuitem-checkbox-checked.png differ diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png b/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png new file mode 100644 index 0000000..34f1d0e Binary files /dev/null and b/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png differ diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png b/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png new file mode 100644 index 0000000..63d7193 Binary files /dev/null and b/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png differ diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed.png b/gtk-3.0/assets/menuitem-checkbox-mixed.png new file mode 100644 index 0000000..a69e753 Binary files /dev/null and b/gtk-3.0/assets/menuitem-checkbox-mixed.png differ diff --git a/gtk-3.0/assets/menuitem-radio-checked-hover.png b/gtk-3.0/assets/menuitem-radio-checked-hover.png new file mode 100644 index 0000000..46a4578 Binary files /dev/null and b/gtk-3.0/assets/menuitem-radio-checked-hover.png differ diff --git a/gtk-3.0/assets/menuitem-radio-checked-insensitive.png b/gtk-3.0/assets/menuitem-radio-checked-insensitive.png new file mode 100644 index 0000000..04e72d4 Binary files /dev/null and b/gtk-3.0/assets/menuitem-radio-checked-insensitive.png differ diff --git a/gtk-3.0/assets/menuitem-radio-checked.png b/gtk-3.0/assets/menuitem-radio-checked.png new file mode 100644 index 0000000..4affb3e Binary files /dev/null and b/gtk-3.0/assets/menuitem-radio-checked.png differ diff --git a/gtk-3.0/assets/radio-checked-dark.png b/gtk-3.0/assets/radio-checked-dark.png new file mode 100644 index 0000000..36c150d Binary files /dev/null and b/gtk-3.0/assets/radio-checked-dark.png differ diff --git a/gtk-3.0/assets/radio-checked-insensitive-dark.png b/gtk-3.0/assets/radio-checked-insensitive-dark.png new file mode 100644 index 0000000..b893739 Binary files /dev/null and b/gtk-3.0/assets/radio-checked-insensitive-dark.png differ diff --git a/gtk-3.0/assets/radio-checked-insensitive.png b/gtk-3.0/assets/radio-checked-insensitive.png new file mode 100644 index 0000000..f95b5f5 Binary files /dev/null and b/gtk-3.0/assets/radio-checked-insensitive.png differ diff --git a/gtk-3.0/assets/radio-checked.png b/gtk-3.0/assets/radio-checked.png new file mode 100644 index 0000000..36c150d Binary files /dev/null and b/gtk-3.0/assets/radio-checked.png differ diff --git a/gtk-3.0/assets/radio-mixed-dark.png b/gtk-3.0/assets/radio-mixed-dark.png new file mode 100644 index 0000000..044085f Binary files /dev/null and b/gtk-3.0/assets/radio-mixed-dark.png differ diff --git a/gtk-3.0/assets/radio-mixed-insensitive-dark.png b/gtk-3.0/assets/radio-mixed-insensitive-dark.png new file mode 100644 index 0000000..ff19d99 Binary files /dev/null and b/gtk-3.0/assets/radio-mixed-insensitive-dark.png differ diff --git a/gtk-3.0/assets/radio-mixed-insensitive.png b/gtk-3.0/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000..7ab9561 Binary files /dev/null and b/gtk-3.0/assets/radio-mixed-insensitive.png differ diff --git a/gtk-3.0/assets/radio-mixed.png b/gtk-3.0/assets/radio-mixed.png new file mode 100644 index 0000000..044085f Binary files /dev/null and b/gtk-3.0/assets/radio-mixed.png differ diff --git a/gtk-3.0/assets/radio-unchecked-dark.png b/gtk-3.0/assets/radio-unchecked-dark.png new file mode 100644 index 0000000..84bcdbe Binary files /dev/null and b/gtk-3.0/assets/radio-unchecked-dark.png differ diff --git a/gtk-3.0/assets/radio-unchecked-insensitive-dark.png b/gtk-3.0/assets/radio-unchecked-insensitive-dark.png new file mode 100644 index 0000000..b3bcec8 Binary files /dev/null and b/gtk-3.0/assets/radio-unchecked-insensitive-dark.png differ diff --git a/gtk-3.0/assets/radio-unchecked-insensitive.png b/gtk-3.0/assets/radio-unchecked-insensitive.png new file mode 100644 index 0000000..4ea0649 Binary files /dev/null and b/gtk-3.0/assets/radio-unchecked-insensitive.png differ diff --git a/gtk-3.0/assets/radio-unchecked.png b/gtk-3.0/assets/radio-unchecked.png new file mode 100644 index 0000000..896e45f Binary files /dev/null and b/gtk-3.0/assets/radio-unchecked.png differ diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css old mode 100644 new mode 100755 index 709de5b..b00626d --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -1,86 +1 @@ -/* 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("gtk-widgets-assets-dark.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("resource:///org/numixproject/gtk/dist/gtk-dark.css"); diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css old mode 100644 new mode 100755 index 8010c4a..c6eab95 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -1,91 +1 @@ -/* desktop itens */ -@define-color desktop_item_fg #eeeeee; -@define-color desktop_item_selected_fg @theme_selected_fg_color; -@define-color desktop_item_text_shadow alpha(black, 0.8); - -/* 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("apps/unity-greeter.css"); +@import url("resource:///org/numixproject/gtk/dist/gtk.css"); diff --git a/gtk-3.0/gtk.gresource.xml b/gtk-3.0/gtk.gresource.xml new file mode 100644 index 0000000..7bba375 --- /dev/null +++ b/gtk-3.0/gtk.gresource.xml @@ -0,0 +1,44 @@ + + + + assets/checkbox-checked-dark.png + assets/checkbox-checked-insensitive-dark.png + assets/checkbox-checked-insensitive.png + assets/checkbox-checked.png + assets/checkbox-mixed-dark.png + assets/checkbox-mixed-insensitive-dark.png + assets/checkbox-mixed-insensitive.png + assets/checkbox-mixed.png + assets/checkbox-unchecked-dark.png + assets/checkbox-unchecked-insensitive-dark.png + assets/checkbox-unchecked-insensitive.png + assets/checkbox-unchecked.png + assets/grid-selection-checked-dark.png + assets/grid-selection-checked.png + assets/grid-selection-unchecked-dark.png + assets/grid-selection-unchecked.png + assets/menuitem-checkbox-checked-hover.png + assets/menuitem-checkbox-checked-insensitive.png + assets/menuitem-checkbox-checked.png + assets/menuitem-checkbox-mixed-hover.png + assets/menuitem-checkbox-mixed-insensitive.png + assets/menuitem-checkbox-mixed.png + assets/menuitem-radio-checked-hover.png + assets/menuitem-radio-checked-insensitive.png + assets/menuitem-radio-checked.png + assets/radio-checked-dark.png + assets/radio-checked-insensitive-dark.png + assets/radio-checked-insensitive.png + assets/radio-checked.png + assets/radio-mixed-dark.png + assets/radio-mixed-insensitive-dark.png + assets/radio-mixed-insensitive.png + assets/radio-mixed.png + assets/radio-unchecked-dark.png + assets/radio-unchecked-insensitive-dark.png + assets/radio-unchecked-insensitive.png + assets/radio-unchecked.png + dist/gtk.css + dist/gtk-dark.css + + diff --git a/gtk-3.0/scss/_colors.scss b/gtk-3.0/scss/_colors.scss new file mode 100755 index 0000000..86dd590 --- /dev/null +++ b/gtk-3.0/scss/_colors.scss @@ -0,0 +1,66 @@ +@import "global"; + +/* dark color scheme */ +@define-color dark_bg_color #{"" + $dark_bg_color}; +@define-color dark_fg_color #{"" + $dark_fg_color}; + +/* 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 #{"" + $light_shadow}; +@define-color dark_shadow #{"" + $dark_shadow}; + +/* misc colors used by gtk+ */ +@define-color info_fg_color #{"" + $info_fg_color}; +@define-color info_bg_color #{"" + $info_bg_color}; +@define-color warning_fg_color #{"" + $warning_fg_color}; +@define-color warning_bg_color #{"" + $warning_bg_color}; +@define-color question_fg_color #{"" + $question_fg_color}; +@define-color question_bg_color #{"" + $question_bg_color}; +@define-color error_fg_color #{"" + $error_fg_color}; +@define-color error_bg_color #{"" + $error_bg_color}; +@define-color link_color #{"" + $link_color}; +@define-color success_color #{"" + $success_color}; +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; + +/* 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_bg #{"" + $osd_bg}; +@define-color osd_fg #{"" + $osd_fg}; + +/* lightdm greeter colors */ +@define-color lightdm_bg_color #{"" + $lightdm_bg_color}; +@define-color lightdm_fg_color #{"" + $lightdm_fg_color}; + +/* window manager colors */ +@define-color wm_bg #{"" + $wm_bg}; +@define-color wm_border_focused #{"" + $wm_border_focused}; +@define-color wm_border_unfocused #{"" + $wm_border_unfocused}; +@define-color wm_title_focused #{"" + $wm_title_focused}; +@define-color wm_title_unfocused #{"" + $wm_title_unfocused}; +@define-color wm_icons_focused #{"" + $wm_icons_focused}; +@define-color wm_icons_focused_prelight #{"" + $wm_icons_focused_prelight}; +@define-color wm_icons_focused_pressed #{"" + $wm_icons_unfocused_pressed}; +@define-color wm_icons_unfocused #{"" + $wm_icons_unfocused}; +@define-color wm_icons_unfocused_prelight #{"" + $wm_icons_unfocused_prelight}; +@define-color wm_icons_unfocused_pressed #{"" + $wm_icons_unfocused_pressed}; diff --git a/gtk-3.0/scss/_functions.scss b/gtk-3.0/scss/_functions.scss new file mode 100755 index 0000000..0de71b6 --- /dev/null +++ b/gtk-3.0/scss/_functions.scss @@ -0,0 +1,79 @@ +$modules: () !default; + +@mixin exports($name) { + @if (not index($modules, $name)) { + $modules: append($modules, $name) !global; + + @content; + } +} + +@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 lighten($color, ($amount - 1) * lightness($color)) + } @else { + @return darken($color, (1 - $amount) * lightness($color)) + } + } @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 - .05)); +} + +@function border_active($color) { + @return shade($color, ($contrast - .1)); +} + +@function border_insensitive($color) { + @return shade($color, ($contrast + .05)); +} + +@mixin linear-gradient($color, $direction: to bottom) { + @if $gradient == 0 { + background-color: $color; + background-image: none; + } @else { + $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, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { border-color: border_active($color); } + + &:insensitive { border-color: border_insensitive($color); } + + &:active:insensitive, &:checked:insensitive { border-color: border_normal($color); } +} diff --git a/gtk-3.0/scss/_global.scss b/gtk-3.0/scss/_global.scss new file mode 100755 index 0000000..3dfab07 --- /dev/null +++ b/gtk-3.0/scss/_global.scss @@ -0,0 +1,78 @@ +// scss-lint:disable ColorVariable + +@import "functions"; + +// default color scheme +$bg_color: if($variant == "dark", #444, #eee); +$fg_color: if($variant == "dark", #ddd, #555); +$base_color: if($variant == "dark", #333, #fff); +$text_color: if($variant == "dark", #eee, #333); +$selected_bg_color: #f0544c; +$selected_fg_color: #fff; +$tooltip_bg_color: #444; +$tooltip_fg_color: #eee; + +// dark colors +$dark_bg_color: #444; +$dark_fg_color: #eee; + +// shadows +$dark_shadow: #000; +$light_shadow: #fff; + +// white and black +$black: #000; +$white: #fff; + +// misc colors used by gtk+ +$info_fg_color: #fff; +$info_bg_color: #03a9f4; +$warning_fg_color: #fff; +$warning_bg_color: #ef6c00; +$question_fg_color: #fff; +$question_bg_color: #673ab7; +$error_fg_color: #fff; +$error_bg_color: #f44336; +$link_color: #3f51b5; +$success_color: #4caf50; +$warning_color: #ef6c00; +$error_color: #f44336; + +$toolbar_bg_color: $bg_color; +$toolbar_fg_color: $fg_color; + +$titlebar_bg_color: $dark_bg_color; +$titlebar_fg_color: $dark_fg_color; + +$menu_bg_color: $dark_bg_color; +$menu_fg_color: $dark_fg_color; + +$menubar_bg_color: $bg_color; +$menubar_fg_color: $fg_color; + +$panel_bg_color: $dark_bg_color; +$panel_fg_color: $dark_fg_color; + +$osd_bg: $dark_bg_color; +$osd_fg: $dark_fg_color; + +$lightdm_bg_color: $dark_bg_color; +$lightdm_fg_color: $dark_fg_color; + +$wm_bg: $titlebar_bg_color; +$wm_border_focused: transparent; +$wm_border_unfocused: transparent; +$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_icons_focused_prelight: $selected_bg_color; +$wm_icons_focused_pressed: shade($selected_bg_color, .8); +$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_unfocused_prelight: $selected_bg_color; +$wm_icons_unfocused_pressed: shade($selected_bg_color, .8); + +// widget styles +$roundness: 2px; +$spacing: 5px; +$gradient: 0; +$contrast: .8; diff --git a/gtk-3.0/scss/_widgets.scss b/gtk-3.0/scss/_widgets.scss new file mode 100755 index 0000000..e8ac3b8 --- /dev/null +++ b/gtk-3.0/scss/_widgets.scss @@ -0,0 +1,36 @@ +@import "functions"; +@import "global"; +@import "colors"; + + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/actionbar"; +@import "widgets/calendar"; +@import "widgets/choosers"; +@import "widgets/grid"; +@import "widgets/infobar"; +@import "widgets/menu"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/osd"; +@import "widgets/overshoot"; +@import "widgets/progress"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinner"; +@import "widgets/toggle"; +@import "widgets/toolbar"; +@import "widgets/view"; +@import "widgets/window"; + +@import "apps/unity-greeter"; +@import "apps/gedit"; +@import "apps/nautilus"; +@import "apps/nemo"; +@import "apps/panel"; +@import "apps/synaptic"; +@import "apps/xfce"; +@import "apps/unity"; +@import "apps/lightdm"; diff --git a/gtk-3.0/scss/apps/_gedit.scss b/gtk-3.0/scss/apps/_gedit.scss new file mode 100644 index 0000000..f1614a6 --- /dev/null +++ b/gtk-3.0/scss/apps/_gedit.scss @@ -0,0 +1,132 @@ +/********* + ! Gedit * +**********/ + +@include exports("gedit") { + GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + .list-row { + padding: $spacing; + + .button { + padding: 1px; + border-radius: $roundness; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + icon-shadow: none; + } + } + + .prelight-row .button { + border-color: alpha($black, .1); + color: alpha($white, .8); + + &:active { + border-color: alpha($black, .2); + background-color: alpha($black, .08); + color: $white; + } + } + + list-row, .prelight-row { + .button:hover { + border-color: alpha($black, .1); + color: $white; + } + } + } + + .gedit-document-panel-group-row { + &, &:hover { + border-top: 1px solid shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel-document-row { + &:hover { background-color: shade($bg_color, 1.05); } + + &:selected { + &, &:hover { @extend %selected; } + } + } + + .gedit-document-panel-dragged-row { + border: 1px solid alpha($black, .1); + background-color: alpha($black, .5); + color: $white; + } + + .gedit-document-panel-placeholder-row { + border: 0; + background-color: alpha($black, .08); + transition: all 200ms ease-in; + } + + GeditStatusbar { border-top: 1px solid border_normal($bg_color); } + + GeditStatusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; + + .button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; + + &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); } + + &:active { + background-color: shade($bg_color, .95); + color: $fg_color; + } + } + } + + GeditViewFrame .gedit-search-slider { + padding: $spacing; + border-radius: 0 0 $roundness $roundness; + border-width: 0 1px 1px; + border-style: solid; + border-color: border_normal($base_color); + background-color: $base_color; + + .not-found { + background-color: $error_bg_color; + background-image: none; + color: $error_fg_color; + + &:selected { @extend %selected; } + } + } + + GeditFileBrowserWidget .toolbar { + padding: $spacing / 2; + border-top: 0; + background-color: $bg_color; + background-image: none; + } + + .gedit-search-entry-occurrences-tag { + margin: $spacing / 2; + padding: $spacing / 2; + color: mix($text_color, $base_color, .5); + } +} diff --git a/gtk-3.0/scss/apps/_lightdm.scss b/gtk-3.0/scss/apps/_lightdm.scss new file mode 100644 index 0000000..52eda61 --- /dev/null +++ b/gtk-3.0/scss/apps/_lightdm.scss @@ -0,0 +1,193 @@ +/*********************** + ! LightDM GTK Greeter * + ***********************/ + +@include exports("lightdm") { + #panel_window { + background-color: transparent; + background-image: none; + color: $white; + font: bold; + text-shadow: 0 1px alpha($black, .5); + icon-shadow: 0 1px alpha($black, .5); + + .menubar { + &, > .menuitem { + background-color: transparent; + background-image: none; + color: $white; + font: bold; + text-shadow: 0 1px alpha($black, .5); + icon-shadow: 0 1px alpha($black, .5); + + *:hover { color: $white; } + + &:hover { + border-style: none; + background-color: alpha($white, .2); + background-image: none; + color: $white; + } + + &:insensitive { color: alpha($white, .7); } + + .menu { + border-radius: 1px; + + .menuitem { + font: normal; + text-shadow: none; + } + } + } + } + } + + #content_frame { padding-bottom: 14px; } + + #login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: $roundness; + background-color: $lightdm_bg_color; + color: $lightdm_fg_color; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21); + + .button { + padding: 3px 15px; + border-width: 1px; + border-radius: $roundness; + border-style: solid; + border-color: shade($lightdm_bg_color, .8); + background-color: shade($lightdm_bg_color, 1.08); + background-image: none; + color: $lightdm_fg_color; + transition: all 150ms ease-out; + + &.default, &:focus, &:active:focus { + border-color: shade($selected_bg_color, .8); + background-color: shade($selected_bg_color, 1.08); + background-image: none; + color: $selected_fg_color; + + &:hover { + border-color: shade($selected_bg_color, .7); + background-color: $selected_bg_color; + } + } + } + } + + + #login_window { + .menu { border-radius: 1px; } + + GtkComboBox .button { + &, &:hover, &:active, &:active:hover, + &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { + padding: 0; + background: none; + border-style: none; + box-shadow: none; + } + } + + .entry { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-color: shade($lightdm_bg_color, .8); + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + color: $lightdm_fg_color; + box-shadow: none; + transition: all 150ms ease-out; + + &:focus, &:hover { + border-color: shade($lightdm_bg_color, .7); + + 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); + } + } + } + + #user_combobox { + color: $lightdm_fg_color; + font: 18px; + + .menu { font: normal; } + + .arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); } + } + + #user_image { + padding: 3px; + border-radius: $roundness; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 shade($lightdm_bg_color, .7), + inset -1px 0 shade($lightdm_bg_color, .7), + inset 0 1px shade($lightdm_bg_color, .7), + inset 0 -1px shade($lightdm_bg_color, .7); + } + + #user_image_border { + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + 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); + } + + #buttonbox_frame { + padding-top: 10px; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + background-color: transparent; + background-image: none; + box-shadow: none; + } + + + + /* shutdown button */ + #shutdown_button { + border-color: shade($error_bg_color, .8); + background-color: shade($error_bg_color, 1.08); + background-image: none; + color: $error_fg_color; + + &:hover, &:active, &:active:hover { + border-color: shade($error_bg_color, .7); + background-color: $error_bg_color; + } + } + + /* restart button */ + #restart_button { + border-color: shade($warning_bg_color, .8); + background-color: shade($warning_bg_color, 1.08); + background-image: none; + color: $warning_fg_color; + + &:hover, &:active, &:active:hover { + border-color: shade($warning_bg_color, .7); + background-color: $warning_bg_color; + } + } + + /* password warning */ + #greeter_infobar { font: bold; } +} diff --git a/gtk-3.0/scss/apps/_nautilus.scss b/gtk-3.0/scss/apps/_nautilus.scss new file mode 100644 index 0000000..32cbae7 --- /dev/null +++ b/gtk-3.0/scss/apps/_nautilus.scss @@ -0,0 +1,72 @@ +/************ + ! Nautilus * +*************/ + +@include exports("nautilus") { + .nautilus-desktop.nautilus-canvas-item { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:prelight, &:selected { text-shadow: none; } + } + + NautilusWindow { + .toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($toolbar_bg_color); + } + + .sidebar .frame { border: 0; } + + GtkPaned { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + } + + NautilusNotebook { + &.notebook { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; + } + + .frame { border: 0; } + } + + NautilusQueryEditor { + .toolbar { + padding-top: $spacing - 1px; + padding-bottom: $spacing - 2px; + border-width: 1px 0 0; + border-style: solid; + border-color: $toolbar_bg_color; + background-color: shade($toolbar_bg_color, .9); + + &:nth-child(2) { border-color: border_normal($toolbar_bg_color); } + + &.search-bar { + border-top-width: 0; + border-bottom-width: 0; + } + + &, &.search-bar { + &:last-child, &:only-child { + border-bottom-width: 1px; + border-bottom-color: border_normal($toolbar_bg_color); + } + } + + } + } +} diff --git a/gtk-3.0/scss/apps/_nemo.scss b/gtk-3.0/scss/apps/_nemo.scss new file mode 100644 index 0000000..b7e0041 --- /dev/null +++ b/gtk-3.0/scss/apps/_nemo.scss @@ -0,0 +1,36 @@ +/******** + ! Nemo * +*********/ + +@include exports("nemo") { + .nemo-desktop.nemo-canvas-item { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:prelight, &:selected { text-shadow: none; } + } + + NemoPathbarButton { + @include button($toolbar_bg_color, $toolbar_fg_color); + + -NemoPathbarButton-border-radius: $roundness; + } + + NemoPlacesTreeView { + -NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8); + -NemoPlacesTreeView-disk-full-fg-color: $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; + + &:selected { + -NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color; + -NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2); + } + } +} diff --git a/gtk-3.0/scss/apps/_panel.scss b/gtk-3.0/scss/apps/_panel.scss new file mode 100644 index 0000000..d9513f8 --- /dev/null +++ b/gtk-3.0/scss/apps/_panel.scss @@ -0,0 +1,80 @@ +/*********************** + ! Fallback mode panel * +************************/ + +@include exports("panel") { + %panel { + @include linear-gradient($panel_bg_color); + + color: $panel_fg_color; + } + + %panelbutton { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: $panel_fg_color; + + &:hover, &:prelight { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11)); + + border-color: mix($panel_bg_color, $panel_fg_color, .11); + color: shade($panel_fg_color, 1.08); + } + + &:active, &:checked { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .21); + color: shade($panel_fg_color, 1.08); + + &:prelight { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .31); + } + } + } + + PanelWidget, PanelApplet, PanelToplevel { + @extend %panel; + + padding: 0; + } + + PanelApplet { + border: 0; + + .button { + @extend %panelbutton; + + -GtkButton-inner-border: 2; + } + } + + PanelSeparator { + @extend %panel; + + border: 0; + } + + PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar { + &.menuitem { + @extend %panel; + + border: 0; + + -PanelMenuBar-icon-visible: true; + } + } + + PanelAppletFrame { + @extend %panel; + + border: 0; + } + + WnckPager, WnckTasklist { @extend %panel; } +} diff --git a/gtk-3.0/scss/apps/_synaptic.scss b/gtk-3.0/scss/apps/_synaptic.scss new file mode 100644 index 0000000..c19b78e --- /dev/null +++ b/gtk-3.0/scss/apps/_synaptic.scss @@ -0,0 +1,15 @@ +/************ + ! Synaptic * +*************/ + +@include exports("synaptic") { + GtkWindow > GtkVBox > .dock { + &, > GtkHBox > GtkToolbar { + @include linear-gradient($toolbar-bg-color); + + padding: $spacing; + border: 0; + color: $toolbar_fg_color; + } + } +} diff --git a/gtk-3.0/scss/apps/_unity-greeter.scss b/gtk-3.0/scss/apps/_unity-greeter.scss new file mode 100644 index 0000000..eb60d2a --- /dev/null +++ b/gtk-3.0/scss/apps/_unity-greeter.scss @@ -0,0 +1,118 @@ +/*********************** + ! Unity Greeter * + ***********************/ + +@include exports("unity-greeter") { + + +.lightdm.menu { + background-image: none; + background-color: alpha($black, 0.6); + border-color: alpha($white, 0.2); + border-radius: 4px; + padding: 1px; + + color: $white; +} + +.lightdm-combo .menu { + background-color: shade($dark_bg_color, 1.08); + border-radius: 0px; + padding: 0px; + + color: $white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: $white; +} + +.lightdm.menubar { + background-image: none; + background-color: alpha(#00ff00, 0.5); +} + + + .lightdm-combo.combobox-entry .button, + .lightdm-combo .cell, + .lightdm-combo .button, + .lightdm-combo .entry, + + .lightdm.button{ + background-image: none; + background-color: alpha($black, 0.3); + border-color: alpha($white, 0.9); + border-radius: 5px; + padding: 5px; + color: $white; + } + .lightdm.button:hover { + background-image: none; + background-color: alpha($white, 0.3); + border-color: alpha($white, 0.6); + border-radius: 5px; + padding: 5px; + color: $white; + text-shadow: none; + } + .lightdm.button:active, + .lightdm.button:active:focused, + .lightdm.button:focused, + + .lightdm.entry { + background-image: none; + background-color: alpha($black, 0.3); + border-color: alpha($white, 0.6); + border-radius: 5px; + padding: 7px; + color: $white; + text-shadow: none; + } + .lightdm.entry:hover, + .lightdm.entry:active, + .lightdm.entry:active:focused { + background-image: none; + border-image: none; + } + .lightdm.entry:focused { + border-color: alpha($white, 0.6); + border-width: 1px; + border-style: solid; + color: $white; + } + .lightdm.entry:selected { + background-color: alpha($white, 0.2); + } + + @keyframes dashentry_spinner { + to { -gtk-icon-transform: rotate(1turn); } + } + + .lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; + } + + .lightdm.option-button { + padding: 5px; + background: none; + border: 0; + } + + .lightdm.toggle-button { + background: none; + border-width: 0; + } + .lightdm.toggle-button.selected:hover { + background-color: alpha($white, 0.3); + border-color: alpha($white, 0.3); + border-width: 1px; + } + .lightdm.toggle-button.selected { + background-color: alpha($black, 0.3); + border-color: alpha($white, 0.3); + border-width: 1px; + } +} diff --git a/gtk-3.0/scss/apps/_unity.scss b/gtk-3.0/scss/apps/_unity.scss new file mode 100644 index 0000000..e463223 --- /dev/null +++ b/gtk-3.0/scss/apps/_unity.scss @@ -0,0 +1,70 @@ +@import "panel"; + +/**************** + ! Unity styles * +*****************/ + +@include exports("unity") { + 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, .7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5); + -UnityDecoration-inactive-shadow-radius: 5px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; + + + &.top { + border: 1px solid $wm_border_focused; + border-bottom: 0; + border-radius: 2px 2px 0 0; + padding: 1px ($spacing * 2) 0; + background-color: $titlebar_bg_color; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + text-shadow: none; + + &:backdrop { + border: 1px solid $wm_border_unfocused; + color: mix($titlebar_fg_color, $titlebar_bg_color, .4); + } + } + + &.left, &.right, &.bottom { + background-color: $wm_border_focused; + + &:backdrop { background-color: $wm_border_unfocused; } + } + } + + UnityPanelWidget, .unity-panel { + @extend %panel; + + border: 0; + } + + .unity-panel { + &.menuitem, .menuitem { + border-width: 0 1px; + color: $panel_fg_color; + + &:hover, *:hover { + border-color: mix($panel_bg_color, $panel_fg_color, .21); + background-color: mix($panel_bg_color, $panel_fg_color, .21); + background-image: none; + color: shade($panel_fg_color, 1.08); + } + } + } + + SheetStyleDialog.unity-force-quit { background-color: $bg_color; } +} diff --git a/gtk-3.0/scss/apps/_xfce.scss b/gtk-3.0/scss/apps/_xfce.scss new file mode 100644 index 0000000..dc38a86 --- /dev/null +++ b/gtk-3.0/scss/apps/_xfce.scss @@ -0,0 +1,26 @@ +@import "panel"; + +/*************** + ! Xfce styles * +****************/ + +@include exports("xfce") { + XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: $base_color; + color: $text_color; + } + + .xfce4-panel { + @extend %panel; + + font: normal; + + .button { @extend %panelbutton; } + + .menu { -gtk-image-effect: none; } + } +} diff --git a/gtk-3.0/scss/gtk-dark.scss b/gtk-3.0/scss/gtk-dark.scss new file mode 100644 index 0000000..fd46aa1 --- /dev/null +++ b/gtk-3.0/scss/gtk-dark.scss @@ -0,0 +1,3 @@ +$variant: "dark"; + +@import "widgets"; diff --git a/gtk-3.0/scss/gtk.scss b/gtk-3.0/scss/gtk.scss new file mode 100644 index 0000000..4455669 --- /dev/null +++ b/gtk-3.0/scss/gtk.scss @@ -0,0 +1,3 @@ +$variant: "light"; + +@import "widgets"; diff --git a/gtk-3.0/scss/widgets/_actionbar.scss b/gtk-3.0/scss/widgets/_actionbar.scss new file mode 100644 index 0000000..749f549 --- /dev/null +++ b/gtk-3.0/scss/widgets/_actionbar.scss @@ -0,0 +1,106 @@ +@import "button"; +@import "toolbar"; + +/************** + ! Action-bar * +***************/ + +@include exports("actionbar") { + .action-bar { + @include linear-gradient($bg_color); + + padding: $spacing; + border-width: 1px 0 0; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + + .button { + &.text-button { padding: $spacing - 1px; } + + &.image-button { padding: $spacing + 1px; } + } + + .title { + font: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font: smaller; + padding: 0 ($spacing * 2); + } + } +} + + +/*************** + ! Search bars * +****************/ + +@include exports("searchbar") { + .search-bar { + @include linear-gradient(shade($bg_color, .98)); + + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + + .button.close-button { padding: $spacing; } + } +} + + +/****************** + ! Action buttons * +*******************/ + +@include exports("actionbuttons") { + $types: ( + suggested: $success_color, + destructive: $error-color + ); + + @each $type, $color in $types { + .#{$type}-action.button { + @include button($color, $selected_fg_color); + } + } +} + + +/****************** +* selection mode * +******************/ + +@include exports("selectionmode") { + .selection-mode { + &.header-bar, &.toolbar { + @include toolbar($selected_bg_color, $selected_fg_color); + + .button { + @include button($selected_bg_color, $selected_fg_color); + + &.suggested-action { @extend .suggested-action.button; } + } + + .selection-menu.button { + border: 0; + background-color: transparent; + background-image: none; + color: shade($selected_bg_color, $contrast); + + &:hover { color: shade($selected_bg_color, ($contrast - .1)); } + + &:active { color: shade($selected_bg_color, ($contrast - .05)); } + } + + .dim-label, { + &, .selection-menu.button & { color: shade($selected_bg_color, ($contrast - .1)); } + } + } + + &.toolbar { padding: $spacing; } + } +} diff --git a/gtk-3.0/scss/widgets/_base.scss b/gtk-3.0/scss/widgets/_base.scss new file mode 100755 index 0000000..eddb5be --- /dev/null +++ b/gtk-3.0/scss/widgets/_base.scss @@ -0,0 +1,100 @@ +/************** + ! GTK settings +***************/ + +* { + -GtkArrow-arrow-scaling: .5; + -GtkExpander-expander-size: 8; + -GtkStatusbar-shadow-type: none; + -GtkToolItemGroup-expander-size: 8; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + outline-color: alpha($selected_bg_color, .5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + outline-radius: $roundness; +} + + +/************* + ! Base states + *************/ + +%selected { + &, &:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +* { + /* hyperlinks */ + -GtkHTML-link-color: $link_color; + -GtkIMHtml-hyperlink-color: $link_color; + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_color; + + &:selected { @extend %selected; } + + &:insensitive, + &:insensitive:insensitive { color: mix($fg_color, $bg_color, .5); } + + &:insensitive { -gtk-image-effect: dim; } + + &:hover { -gtk-image-effect: highlight; } + + &:link, &:visited { color: $link_color; } +} + +.background { + background-color: $bg_color; + color: $fg_color; + + &:backdrop { + text-shadow: none; + icon-shadow: none; + } + + &.csd { background-color: $bg_color; } +} + +.gtkstyle-fallback { + background-color: alpha($bg_color, .5); + color: $fg_color; + + &:prelight { + background-color: shade($bg_color, 1.1); + color: $fg_color; + } + + &:active { + background-color: shade($bg_color, .9); + color: $fg_color; + } + + &:insensitive { + background-color: shade(shade($bg_color, .95), 1.05); + color: mix($fg_color, $bg_color, .5); + } + + &:selected { @extend %selected; } +} + +GtkImage, GtkLabel, GtkBox, GtkGrid { + &, &:insensitive { background-color: transparent; } +} + +GtkLabel { + &.separator { + @extend .dim-label; + + color: $fg_color; + } + + &:selected { @extend %selected; } + + &:insensitive { color: mix($fg_color, $bg_color, .5); } +} diff --git a/gtk-3.0/scss/widgets/_button.scss b/gtk-3.0/scss/widgets/_button.scss new file mode 100755 index 0000000..c1b92aa --- /dev/null +++ b/gtk-3.0/scss/widgets/_button.scss @@ -0,0 +1,361 @@ +/********* + ! Buttons +**********/ + +@include exports("button_extends") { + %button { + padding: $spacing ($spacing + 2px); + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: 150ms ease; + outline-color: transparent; + + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + &:focus, &:hover, &:active { transition: none; } + } + + %linked_middle { + border-radius: 0; + border-left-style: none; + border-right-style: solid; + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_middle:dir(rtl) + border-right-style: none; + border-left-style: solid; + } + } + + %linked_button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-left-style: none; + border-right-style: solid; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + &:dir(rtl) { + border-left-style: solid; + border-right-style: none; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + border-style: solid; + border-radius: $roundness; + } + } +} + +@mixin linked_button($bg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + @extend %linked_button; + + box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &:focus, &:hover { + box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { + box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)), + inset 0 1px alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + &:insensitive { box-shadow: inset -1px 0 shade($bg, .8); } + + &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } + + &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } + + &:insensitive:last-child, &:insensitive:only-child, + &:active:insensitive:last-child, &:active:insensitive:only-child, + &:checked:insensitive:last-child, &:checked:insensitive:only-child { box-shadow: none; } + + &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, + &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus, { + box-shadow: inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } + + &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, + &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } +} + +@mixin button($bg, $fg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + $button_bg: if(hue($bg) == 0deg, shade($bg, 1.2), $bg); + + @extend %button; + @include linear-gradient($button_bg); + @include border(rgba(0, 0, 0, .12 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &.flat { + border-color: alpha($button_bg, 0); + background-color: alpha($button_bg, 0); + background-image: none; + box-shadow: none; + } + + &, &.flat { + &:focus, &:hover { + @include linear-gradient(shade($button_bg, 1.2)); + @include border(rgba(0, 0, 0, .2 + $border_strength)); + + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:checked { + @include linear-gradient(shade($button_bg, .7), to top); + + color: $white; + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06), + inset 0 -1px alpha($dark_shadow, .05); + + &:focus, &:hover { + @include linear-gradient(shade($button_bg, .65), to top); + + color: $white; + } + } + + &:focus, &:hover { color: $fg; } + + &:active:insensitive, &:checked:insensitive { + @include linear-gradient(shade($button_bg, .9)); + + color: $fg; + box-shadow: none; + } + + &:insensitive:insensitive { + @if (lightness($button_bg) > 50) { + @include linear-gradient(shade($button_bg, .95)); + } @else { + @include linear-gradient(alpha($button_bg, .3)); + } + + color: mix($bg, $fg, .5); + box-shadow: none; + } + } + + &.separator, .separator { + border: 1px solid currentColor; + color: shade($bg, ($contrast + .1)); + + &:insensitive { color: shade($button_bg, .85); } + } +} + +@include exports("button") { + * { + -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; + -GtkToolButton-icon-spacing: 6; + } + + %close_button { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + + &:focus, &:hover { + border: 1px solid alpha($black, .3); + background-color: alpha($white, .2); + background-image: none; + box-shadow: none; + } + + &:active, &:checked, &:active:hover, &:checked:hover { + border: 1px solid alpha($black, .3); + background-color: alpha($black, .1); + background-image: none; + box-shadow: none; + } + } + + .button { + @include button(shade($bg_color, 1.2), $fg_color); + + &.default { @include button($selected_bg_color, $selected_fg_color); } + + &.linked, .linked & { @include linked_button(shade($bg_color, 1.2)); } + + .spinbutton & { + color: mix($text_color, $base_color, .4); + padding: $spacing ($spacing * 2); + border: 0; + border-radius: 0; + border-style: none; + background-color: transparent; + background-image: none; + box-shadow: inset 1px 0 shade($base_color, .9); + + &:insensitive { + color: mix($text_color, $base_color, .7); + box-shadow: inset 1px 0 shade($base_color, .85); + } + + &:active, &:checked, &:hover { color: $text_color; } + + &:first-child { + border-radius: $roundness 0 0 $roundness; + box-shadow: none; + } + + &:last-child { border-radius: 0 $roundness $roundness 0; } + + &:dir(rtl) { box-shadow: inset -1px 0 shade($base_color, .9); } + } + + .spinbutton.vertical & { + border: 1px solid shade($bg_color, .8); + border-radius: $roundness; + background-color: shade($bg_color, 1.08); + background-image: none; + color: $fg_color; + box-shadow: none; + + &:hover { + border-color: shade($bg_color, .7); + background-color: shade($bg_color, 1.1); + background-image: none; + } + + &:active, &:checked { + border-color: shade($bg_color, .8); + background-color: shade($bg_color, .95); + background-image: none; + } + + &:active:hover, &:checked:hover { + border-color: shade($bg_color, .7); + } + + &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { border-color: shade($bg_color, .7); } + + &:insensitive { + border-color: shade($bg_color, .85); + background-color: shade($bg_color, .9); + background-image: none; + } + + &:first-child { + border-width: 1px; + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &:last-child { + border-width: 1px; + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + + .spinbutton.vertical.entry { + border-width: 1px; + border-style: solid; + border-radius: 0; + } + } +} + + +/****************** +! ComboBoxes * +*******************/ + +@include exports("combobox") { + GtkComboBox { + > .button { + padding: ($spacing - 2px) ($spacing + 1px); + + -GtkComboBox-arrow-scaling: .5; + -GtkComboBox-shadow-type: none; + } + + &.combobox-entry { + .entry, .button { @extend %linked_button; } + } + + .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + + border-style: none; + } + } + + .linked > GtkComboBox { + > .button { + // the combo is a composite widget so the way we do button linked doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr) { @extend %linked_middle; } // specificity bump + &:dir(rtl) { @extend %linked_middle:dir(rtl); } + } + + &:first-child > .button { @extend %linked_button:first-child; } + + &:last-child > .button { @extend %linked_button:last-child; } + + &:only-child > .button { @extend %linked_button:only-child; } + } +} diff --git a/gtk-3.0/scss/widgets/_calendar.scss b/gtk-3.0/scss/widgets/_calendar.scss new file mode 100644 index 0000000..409eb5b --- /dev/null +++ b/gtk-3.0/scss/widgets/_calendar.scss @@ -0,0 +1,29 @@ +/********** + ! Calendar +***********/ + +@include exports("calendar") { + GtkCalendar { + padding: $spacing; + outline-offset: -1px; + + &:inconsistent { color: mix($fg_color, $bg_color, .5); } + + &.view, &.highlight, &.header, &.button { + &, &:focus, &:hover, &:insensitive { + border: 0; + background-color: transparent; + background-image: none; + } + } + + &.highlight { color: $selected_bg_color; } + } + + /* gnome-calendar */ + .calendar-view { + background-color: $base_color; + color: $text_color; + } +} + diff --git a/gtk-3.0/scss/widgets/_choosers.scss b/gtk-3.0/scss/widgets/_choosers.scss new file mode 100644 index 0000000..b650c47 --- /dev/null +++ b/gtk-3.0/scss/widgets/_choosers.scss @@ -0,0 +1,125 @@ +/*************** + ! Color chooser +****************/ + +@include exports("colorchooser") { + GtkColorSwatch { + &, &:selected { + border: 1px solid alpha($black, .1); + border-radius: $roundness - 1px; + background-color: transparent; + background-clip: border-box; + + &:hover { border-color: alpha($black, .3); } + } + + &.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; } + + &.left, &:first-child { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right, &:last-child { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &:only-child { border-radius: $roundness; } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + GtkColorEditor & { + border-radius: $roundness; + + &.color-dark:hover, &.color-light:hover { + background-image: none; + border-color: alpha($black, .3); + } + } + } + + GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border-color: alpha($black, .1); + background-color: shade($bg_color, .95); + color: $fg_color; + + &:hover { + border-color: alpha($black, .3); + background-color: shade($bg_color, .9); + color: $fg_color; + } + } + + .color-active-badge { + &, &:selected { + border-width: 2px; + border-style: solid; + background-color: transparent; + } + + &.color-light { + &, &:hover { + border-color: alpha($black, .3); + color: alpha($black, .3); + } + } + + &.color-dark { + &, &:hover { + border-color: alpha($white, .3); + color: alpha($white, .3); + } + } + } + + GtkColorButton.button { padding: $spacing; } +} + + +/*********************** +! Font and file choosers +************************/ + +@include exports("miscchoosers") { + GtkFontButton, GtkFileChooserButton { + .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + } + + GtkLabel:last-child { color: alpha(currentColor, .7); } + + GtkImage:last-child { color: alpha(currentColor, .7); } + } + + GtkFileChooser { + .pane-separator { + &, &:hover { + border-width: 0 1px 0 0; + border-style: solid; + border-color: currentColor; + background-color: $bg_color; + color: shade($bg_color, ($contrast + .1)); + } + } + + /* for fallback when header bar not used */ + .dialog-action-box { + border-width: 1px 0 0; + border-style: solid; + border-color: shade($bg_color, .7); + } + } +} diff --git a/gtk-3.0/scss/widgets/_entry.scss b/gtk-3.0/scss/widgets/_entry.scss new file mode 100755 index 0000000..e8d7562 --- /dev/null +++ b/gtk-3.0/scss/widgets/_entry.scss @@ -0,0 +1,84 @@ +/********* + ! Entry * +**********/ + +%linked_entry { + 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; + } +} + +%entry { + padding: ($spacing - 1px) $spacing; + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: border 150ms ease; + box-shadow: inset 1px 1px alpha($dark_shadow, .06), + inset -1px 0 alpha($dark_shadow, .06); + + &:focus, &:hover, &:active { transition: none; } + + &:selected, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:insensitive { 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; } +} + +@mixin entry($bg, $fg) { + @extend %entry; + @include linear-gradient($bg, to top); + @include border($bg); + + color: $fg; + + &:focus, &:active { border-color: $selected_bg_color; } + + &:insensitive { + @include linear-gradient(shade($bg, .9), to top); + + color: mix($bg, $fg, .5); + } +} + +@include exports("entry") { + .entry { + @include entry($base_color, $text_color); + + &.linked, .linked & { @extend %linked_entry; } + } +} diff --git a/gtk-3.0/scss/widgets/_grid.scss b/gtk-3.0/scss/widgets/_grid.scss new file mode 100644 index 0000000..e4b9e8f --- /dev/null +++ b/gtk-3.0/scss/widgets/_grid.scss @@ -0,0 +1,48 @@ +/****************** + ! Grid and flowbox +*******************/ + +@include exports("grid") { + .list { + background-color: shade($bg_color, .97); + color: $fg_color; + + &-row { + &, &.button { + border: 0; + border-radius: 0; + padding: $spacing; + background-image: none; + background-color: alpha($bg_color, 0); + box-shadow: none; + + &:hover { + background-image: none; + background-color: shade($bg_color, 1.02); + } + + &:selected { + &, &:hover, &:focus { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + } + } + + .grid-child { + &, GtkFlowBox & { + padding: $spacing; + border-radius: $roundness; + + &:selected { + @extend %selected; + + outline-offset: -2px; + } + } + } +} + diff --git a/gtk-3.0/scss/widgets/_infobar.scss b/gtk-3.0/scss/widgets/_infobar.scss new file mode 100644 index 0000000..4351c9b --- /dev/null +++ b/gtk-3.0/scss/widgets/_infobar.scss @@ -0,0 +1,38 @@ +@import "button"; + + +/********* + ! Infobar +**********/ + +@include exports("infobar") { + GtkInfoBar { + border: 0; + + $types: ( + info: ($info_fg_color, $info_bg_color), + warning: ($warning_fg_color, $warning_bg_color), + question: ($question_fg_color, $question_bg_color), + error: ($error_fg_color, $error_bg_color), + ); + + + @each $type, $colors in $types { + $fg_color: nth($colors, 1); + $bg_color: nth($colors, 2); + + &.#{$type} { + @include linear-gradient($bg_color); + + border: 1px solid shade($bg_color, .8); + color: $fg_color; + + .button { + @include button($bg_color, $fg_color); + + &.close { @extend %close_button; } + } + } + } + } +} diff --git a/gtk-3.0/scss/widgets/_menu.scss b/gtk-3.0/scss/widgets/_menu.scss new file mode 100755 index 0000000..1973351 --- /dev/null +++ b/gtk-3.0/scss/widgets/_menu.scss @@ -0,0 +1,250 @@ +@import "entry"; + + +/********* + ! Menubar +**********/ + +@include exports("menubar") { + .menubar { + -GtkWidget-window-dragging: true; + + border: 0; + background-color: $menubar_bg_color; + background-image: none; + color: $menubar_fg_color; + + + &.menuitem, .menuitem { + padding: $spacing ($spacing * 2); + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: $menubar_fg_color; + + &:hover { + border-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-image: none; + color: shade($menubar_fg_color, 1.08); + } + + *:hover { color: shade($menubar_fg_color, 1.08); } + } + } +} + + +/****** + ! Menu +*******/ + +@include exports("menu") { + * { + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + } + + GtkTreeMenu, GtkMenuToolButton, GtkComboBox { + &.menu, .menu { + background-color: $menu_bg_color; + margin: $spacing; + } + } + + #toolbar-popup, .menu { + padding: 0; + border-radius: 0; + border: 0; + 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 & { + margin: $spacing; + padding: $spacing; + border: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + + -GtkMenuItem-arrow-scaling: .5; + + &:active, &:hover { + border: 0; + 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, ($contrast + .1)); + } + + &.button, &.button.flat { + &, &:focus, &:active, &:insensitive, &:active:insensitive { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; + } + + &:hover, &:focus:hover, &:active:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + 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; } +} + + +/********* + ! Popover +**********/ + +@include exports("popover") { + 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; + background-image: none; + color: $menu_fg_color; + box-shadow: 0 3px 6px alpha($black, .16); + + &.background { + background-image: none; + background-color: $menu_bg_color; + color: $menu_fg_color; + } + + &:backdrop { box-shadow: none; } + + &.osd { + box-shadow: 0 2px 7px 3px alpha($black, .5); + + > .toolbar .button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; + } + } + + .view, .list { + background-color: transparent; + background-image: none; + color: $menu_fg_color; + } + + .list-row { + &, &.button { + background-color: transparent; + background-image: none; + color: $menu_fg_color; + + &:focus, &:hover, &:active { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .frame { + border-color: border_normal($menu_bg_color); + border-radius: $roundness; + } + + .entry { @include entry($menu_bg_color, $menu_fg_color); } + + .button { @include button($menu_bg_color, $menu_fg_color); } + + > .list, > .view, > .toolbar { background-color: transparent; } + + .separator { + border: 0; + background-color: transparent; + color: alpha($menu_bg_color, .5); + font-size: 80%; + font-weight: bold; + } + } + + GtkModelButton.button { + &, &:backdrop { + @include button(transparent, currentColor); + + &:focus:hover, &:active:hover, &:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } +} diff --git a/gtk-3.0/scss/widgets/_misc.scss b/gtk-3.0/scss/widgets/_misc.scss new file mode 100644 index 0000000..b5a6cc9 --- /dev/null +++ b/gtk-3.0/scss/widgets/_misc.scss @@ -0,0 +1,227 @@ +/*************** +! Dimmed label * +****************/ + +@include exports("dimlabel") { + .dim-label { + opacity: .5; + text-shadow: none; + } +} + + +/*********** + ! Tooltip * +************/ + +@include exports("tooltip") { + .tooltip { + &.background { + @include linear-gradient($tooltip_bg_color); + + border: 0; + border-radius: $roundness; + color: $tooltip_fg_color; + } + + * { + background-color: transparent; + color: inherit; + } + } +} + + +/*********** + ! Dialogs * +************/ + +@include exports("dialogs") { + GtkMessageDialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: 0; + -GtkDialog-action-area-border: $spacing; + -GtkDialog-button-spacing: 0; + + margin: 0; + padding: 0; + } +} + + +/********************* + ! App notifications * +**********************/ + +@include exports("notifications") { + .app-notification { + &, &.frame { + border-style: solid; + border-color: border_normal($osd_bg); + border-width: 0 1px 1px; + border-radius: 0 0 $roundness $roundness; + padding: $spacing * 2; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + .button { @include button($osd_bg, $osd_fg); } + } + } +} + + +/************* + ! Expanders * +**************/ + +@include exports("expander") { + GtkExpander { + padding: $spacing; + outline-offset: 1px; + } + + .expander { + color: alpha(currentColor, .7); + border: alpha(currentColor, .7); + + &:hover { + color: alpha(currentColor, .8); + border-color: alpha(currentColor, .8); + } + + &:active { + color: alpha(currentColor, .9); + border-color: alpha(currentColor, .9); + } + } +} + + +/******************* + ! Symbolic images * +********************/ + +@include exports("symbolicimage") { + .image { + color: alpha(currentColor, .5); + + &:hover { color: alpha(currentColor, .9); } + + &:selected, &:selected:hover { color: $selected_fg_color; } + } +} + + +/**************** + ! Floating bar * +*****************/ + +@include exports("floatingbar") { + .floating-bar { + @include linear-gradient($bg_color); + + border: 1px solid border_normal($bg_color); + border-radius: $roundness; + color: $fg_color; + + &.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + &.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + border: 0; + background-color: transparent; + background-image: none; + } + } +} + + +/************************* + ! Touch text selections * +**************************/ + +@include exports("touchbubble") { + GtkBubbleWindow { + border-radius: $roundness; + background-clip: border-box; + + &.osd.background { background-color: $osd_bg; } + + .toolbar { background-color: transparent; } + } +} + +/*************** + ! Font-viewer * +****************/ + +@include exports("fontviewer") { + SushiFontWidget { + padding: $spacing ($spacing * 2); + } +} + + +/************* + ! Gucharmap * +**************/ + +@include exports("charmap") { + GucharmapChartable { + background-color: $base_color; + color: $text_color; + + &:focus, &:hover, &:active, &:selected { @extend %selected; } + } +} + + +/************* + ! Evolution * +**************/ + +@include exports("evolution") { + EPreviewPane .entry { + background-color: $base_color; + color: $text_color; + } +} + + +/******************* + ! Gnome Bluetooth * +********************/ + +@include exports("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/scss/widgets/_notebook.scss b/gtk-3.0/scss/widgets/_notebook.scss new file mode 100644 index 0000000..9447d30 --- /dev/null +++ b/gtk-3.0/scss/widgets/_notebook.scss @@ -0,0 +1,126 @@ +@import "button"; + + +/********** + ! Notebook +***********/ + +@include exports("notebook") { + .notebook { + padding: 0; + border-width: 1px 0 0; + border-style: solid; + border-color: border_normal($base_color); + border-radius: 0; + background-color: $base_color; + background-image: none; + background-clip: border-box; + color: $text_color; + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + + &.frame { border-width: 1px; } + + &.header { + border-width: 0; + background-color: shade($base_color, .9); + + &.frame { + border-color: border_normal($base_color); + + &.top { border-width: 1px 1px 0; } + + &.right { border-width: 1px 1px 1px 0; } + + &.bottom { border-width: 0 1px 1px; } + + &.left { border-width: 1px 0 1px 1px; } + } + } + + GtkViewport { + border-width: 0; + background-color: $base_color; + color: $text_color; + } + + tab { + padding: ($spacing + 1px) ($spacing * 2); + border: 1px solid transparent; + background-color: transparent; + background-image: none; + + &:hover { + background-color: shade($base_color, .95); + border-color: shade($base_color, .8); + } + + &:active { + background-color: $base_color; + background-image: none; + border-color: shade($base_color, .85); + } + + &.top { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &.right { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + + &.bottom { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &.left { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + GtkLabel { color: mix($text_color, $base_color, .3); } + + /* close button styling */ + .button { @extend %close_button; } + } + + .prelight-page { + &, GtkLabel { color: mix($text_color, $base_color, .15); } + } + + .active-page { + &, GtkLabel { color: $text_color; } + } + + .reorderable-page { + &:hover { + background-color: shade($base_color, .85); + border-left: 0; + border-right: 0; + /* using box shadows instead of borders due to slanted edges */ + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), + inset 1px 0 shade($base_color, .7), inset -1px 0 shade($base_color, .7); + } + + &:active { + background-color: shade($base_color, .9); + border-left: 0; + border-right: 0; + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), + inset 1px 0 shade($base_color, .75), inset -1px 0 shade($base_color, .75); + } + } + } +} diff --git a/gtk-3.0/scss/widgets/_osd.scss b/gtk-3.0/scss/widgets/_osd.scss new file mode 100644 index 0000000..dbf1d16 --- /dev/null +++ b/gtk-3.0/scss/widgets/_osd.scss @@ -0,0 +1,131 @@ +@import "button"; + + +/******* + ! OSD * +********/ + +@include exports("osd") { + GtkOverlay.osd { background-color: transparent; } + + .osd { + &.background { + background-color: alpha($osd_bg, .8); + color: $osd_fg; + } + + &.frame { + background-clip: border-box; + background-origin: border-box; + } + + &.button, .button { @include button($osd_bg, $osd_fg); } + + + &.toolbar { + -GtkToolbar-button-relief: normal; + + padding: $spacing; + border: 1px solid border_normal($osd_bg); + border-radius: $roundness; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + .separator { color: shade($osd_bg, ($contrast + .1)); } + } + + /* used by gnome-settings-daemon's media-keys OSD */ + &.trough { background-color: shade($osd_bg, .8); } + + &.progressbar { background-color: $osd_fg; } + + .scale { + &.slider { + @include linear-gradient(shade($osd_bg, 1.08)); + @include border($osd_bg); + + &:insensitive { @include linear-gradient(shade($osd_bg, .9)); } + } + + &.trough { + border-color: shade($osd_bg, .8); + background-color: shade($osd_bg, 1.08); + background-image: none; + + &.highlight { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + background-image: none; + } + + &:insensitive, &.highlight:insensitive { + border-color: shade($osd_bg, .85); + background-color: shade($osd_bg, .9); + background-image: none; + } + } + } + + &.view, .view { background-color: $osd_bg; } + + .scrollbar { + .trough { background-color: $osd_bg; } + + .slider { + border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: 0; + background-color: mix($osd_bg, $osd_fg, .21); + + &:hover { + border-color: mix(shade($osd_bg, .87), $osd_fg, .31); + background-color: mix($osd_bg, $osd_fg, .31); + } + + &:active { + border-color: shade($selected_bg_color, .9); + background-color: $selected_bg_color; + } + } + } + + GtkIconView.cell { + &:selected, &:selected:focus { + background-color: transparent; + border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: $roundness; + outline-color: transparent; + } + } + + /* used by Documents */ + .page-thumbnail { + border: 1px solid shade($osd_bg, .9); + /* when there's no pixbuf yet */ + background-color: $osd_bg; + } + } + + .osd GtkProgressBar, GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 2px; + -GtkProgressBar-min-horizontal-bar-height: 2px; + + padding: 0; + + &.trough { + padding: 0; + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; + } + + &.progressbar { + border-style: none; + border-radius: 0; + background-color: $selected_bg_color; + background-image: none; + } + } +} diff --git a/gtk-3.0/scss/widgets/_overshoot.scss b/gtk-3.0/scss/widgets/_overshoot.scss new file mode 100644 index 0000000..bc3d1fd --- /dev/null +++ b/gtk-3.0/scss/widgets/_overshoot.scss @@ -0,0 +1,119 @@ +@mixin overshoot($position, $type: normal, $color: $selected_bg_color) { + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $position == bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } @else if $position == right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } @else if $position == left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $color; + $_big_gradient_color: $color; + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .5, + to(alpha($_small_gradient_color, .35)), + to(alpha($_small_gradient_color, .25))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .6, + from(alpha($_big_gradient_color, .2)), + to(alpha($_big_gradient_color, 0))); + + @if $type == normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } @else if $type == backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: 0; + box-shadow: none; +} + +@mixin undershoot($position) { + $_undershoot_color_dark: alpha($black, .2); + $_undershoot_color_light: alpha($white, .2); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $position; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($position == left) or ($position == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $position center; + } + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$position}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; +} + +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This draws a box on top of the content, the size changes programmatically. +.overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } +} + +// Overflow indication, works similarly to the overshoot, the size if fixed tho. +.undershoot { + &.top { @include undershoot(top); } + + &.bottom { @include undershoot(bottom); } + + &.left { @include undershoot(left); } + + &.right { @include undershoot(right); } +} diff --git a/gtk-3.0/scss/widgets/_progress.scss b/gtk-3.0/scss/widgets/_progress.scss new file mode 100644 index 0000000..28df150 --- /dev/null +++ b/gtk-3.0/scss/widgets/_progress.scss @@ -0,0 +1,173 @@ +/***************** + ! Progress bars * +******************/ + +@include exports("progressbar") { + GtkProgressBar { + padding: 0; + border-radius: $roundness; + font-size: smaller; + color: alpha($fg_color, .6); + + -GtkProgressBar-min-horizontal-bar-height: 6; + -GtkProgressBar-min-vertical-bar-width: 6; + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; + } + + &.trough { + border: 1px solid alpha(border_normal($bg_color), .5); + background-color: shade($bg_color, 1.08); + background-image: none; + } + } + + .progressbar { + @include linear-gradient($selected_bg_color); + + border-radius: 0; + box-shadow: none; + + &.left { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.left.right { box-shadow: none; } + + &.vertical { + @include linear-gradient($selected_bg_color, to right); + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + } + } + + GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; + + &.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; + } + } + + .level-bar { + &.trough { + @include linear-gradient(shade($bg_color, 1.08), to top); + + border: 1px solid alpha(border_normal($bg_color), .5); + border-radius: $roundness; + } + + &.fill-block { + @include linear-gradient($selected_bg_color); + + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border-color: transparent; + border-radius: 0; + + &.indicator-discrete { + &.horizontal { margin-right: 1px; } + + &.vertical { margin-bottom: 1px; } + } + + &.level-high { + background-color: $success_color; + border-color: transparent; + } + + &.level-low { + background-color: $warning_color; + border-color: transparent; + } + + &.empty-fill-block { + background-color: transparent; + border-color: transparent; + box-shadow: none; + } + } + } + + .scale { + -GtkRange-slider-width: 16; + -GtkRange-trough-border: 1; + -GtkScale-slider-length: 16; + + padding: 0; + border-width: 1px; + border-radius: $roundness; + outline-offset: -1px; + + + &.slider { + @include linear-gradient(shade($bg_color, 1.08)); + @include border($bg_color); + + border-radius: 8px; + border-width: 1px; + border-style: solid; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3); + + &:insensitive { @include linear-gradient(shade($bg_color, .9)); } + } + + &.fine-tune { + &, &.horizontal { + &:active, &:active:hover { + background-size: 50%; + background-repeat: no-repeat; + background-position: center; + } + } + } + + &.mark { border-color: alpha(border_normal($bg_color), .5); } + + + &.trough { + @include linear-gradient(shade($bg_color, 1.08)); + + margin: 7px 0; + border: 1px solid alpha(border_normal($bg_color), .5); + border-radius: $roundness; + + &:insensitive { @include linear-gradient(shade($bg_color, .9)); } + + &.vertical { margin: 0 7px; } + } + + &.highlight { + &, &.left, &.bottom { + @include linear-gradient($selected_bg_color); + + border-color: $selected_bg_color; + + &:insensitive { + @include linear-gradient(shade($bg_color, .8)); + + border-color: shade($bg_color, .7); + } + } + } + } +} diff --git a/gtk-3.0/scss/widgets/_scrollbar.scss b/gtk-3.0/scss/widgets/_scrollbar.scss new file mode 100644 index 0000000..56156d4 --- /dev/null +++ b/gtk-3.0/scss/widgets/_scrollbar.scss @@ -0,0 +1,86 @@ +/*********** + ! Scrollbar +************/ + +@include exports("scrollbar") { + * { + -GtkRange-slider-width: 8; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 2; + -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; + } + + .scrollbar { + border: 0; + padding: 0; + + &.button { + &, &:active, &:active:hover { + border-width: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + color: alpha($fg_color, .5); + } + } + + &.slider, &.slider.vertical { + border: 0; + border-radius: $roundness; + background-color: shade($bg_color, .5); + + &:hover { background-color: shade($bg_color, .3); } + + &:active { background-color: $selected_bg_color; } + + &.fine-tune:prelight:active { border: 2px solid transparent; } + } + + // overlay scrolling indicator + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + opacity: .5; + + -GtkRange-slider-width: 4px; + + .slider { + margin: 0; + background-color: $fg_color; + background-clip: padding-box; + } + + .trough { + border-style: none; + background-color: transparent; + } + } + + &.dragging, &.hovering { opacity: .7; } + } + } + + .scrollbars-junction, + .scrollbars-junction.frame, + .scrollbar.trough { + border: 0; + border-radius: 0; + background-color: $bg_color; + background-image: none; + } + + // ubuntu overlay scrollbars + OsThumb, OsScrollbar { + color: shade($bg_color, .7); + + &:selected { background-color: $selected_bg_color; } + + &:active { background-color: $selected_bg_color; } + + &:insensitive { background-color: shade($bg_color, .9); } + } +} diff --git a/gtk-3.0/scss/widgets/_sidebar.scss b/gtk-3.0/scss/widgets/_sidebar.scss new file mode 100755 index 0000000..16583d7 --- /dev/null +++ b/gtk-3.0/scss/widgets/_sidebar.scss @@ -0,0 +1,108 @@ +/********* + ! Sidebar +**********/ + +@include exports("sidebar") { + .sidebar { + &, &.view, .view, GtkScrolledWindow { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + &.separator { + &, &:hover, &:focus { + border-width: 1px; + border-style: solid; + border-color: shade($bg_color, .9); + color: shade($bg_color, .9); + } + } + } + + row, .view row { + &:selected { + &, &:hover, &:focus { + border: 0; + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:prelight { + border: 0; + background-image: none; + background-color: shade($selected_bg_color, 1.05); + color: $selected_fg_color; + } + } + + &:prelight { + border: 0; + background-image: none; + background-color: shade($bg_color, 1.05); + } + } + + .frame { border-width: 0; } + + GtkAssistant & { + padding: $spacing; + border-width: 0 1px 0 0; + border-style: solid; + border-right-color: border_normal($bg_color); + border-radius: 0; + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + &:dir(ltr) { border-width: 0 1px 0 0; } + + &:dir(rtl) { border-width: 0 0 0 1px; } + + .label { + padding: $spacing ($spacing * 2); + + &.highlight { background-color: mix($bg_color, $fg_color, .8); } + } + + &.csd .sidebar { border-top-style: none; } + + .highlight { font: bold; } + } + } +} + + +/****** +! Paned +*******/ + +@include exports("paned") { + GtkPaned { + -GtkPaned-handle-size: 1; + -gtk-icon-source: none; + + margin: 0 $spacing; + } + + + GtkPaned:dir(rtl) { + margin-right: 0; + margin-left: $spacing; + } + + GtkPaned .pane-separator { background-color: shade($bg_color, .9); } + + GtkPaned.wide { + -GtkPaned-handle-size: 4; + + margin: 0; + } + + GtkPaned.wide .pane-separator { + background-color: transparent; + border-style: none solid; + border-color: shade($bg_color, .9); + border-width: 1px; + } + + GtkPaned.wide.vertical .pane-separator { border-style: solid none; } +} diff --git a/gtk-3.0/scss/widgets/_spinner.scss b/gtk-3.0/scss/widgets/_spinner.scss new file mode 100644 index 0000000..9c753f7 --- /dev/null +++ b/gtk-3.0/scss/widgets/_spinner.scss @@ -0,0 +1,24 @@ +/******************* + ! Spinner animation +********************/ + +@include exports("spinner") { + @keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } + } + + .spinner { + background-image: none; + background-color: $selected_bg_color; + opacity: 0; // non spinning spinner makes no sense + + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + + &:active { + opacity: 1; + animation: spin 1s linear infinite; + + &:insensitive { opacity: .5; } + } + } +} diff --git a/gtk-3.0/scss/widgets/_toggle.scss b/gtk-3.0/scss/widgets/_toggle.scss new file mode 100755 index 0000000..52bdee3 --- /dev/null +++ b/gtk-3.0/scss/widgets/_toggle.scss @@ -0,0 +1,116 @@ +/*********************** + ! Check and Radio items +************************/ + +$suffix: if($variant == "dark", "-dark", ""); + +@mixin toggle($type) { + background-image: none; + + -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.png"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.png"); } + + &:checked, &:active { + -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.png"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.png"); } + } + + &:inconsistent { + -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.png"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.png"); } + } + + &.menuitem { + -gtk-icon-source: none; + + &:insensitive { -gtk-icon-source: none; } + + &:checked, &:active { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.png"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.png"); } + + &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.png"); } + } + + &:inconsistent { + -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.png"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.png"); } + + &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.png"); } + } + } +} + +@include exports("checkradio") { + * { + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + } + + .radio { @include toggle("radio"); } + + .check { @include toggle("checkbox"); } + + GtkIconView.content-view.cell.check { + -gtk-icon-source: url("assets/grid-selection-unchecked#{$suffix}.png"); + + &:active { -gtk-icon-source: url("assets/grid-selection-checked#{$suffix}.png"); } + } +} + + +/******** + ! Switch +*********/ + +@include exports("switch") { + GtkSwitch { + padding: 0; + border-radius: $roundness; + font: bold condensed; + outline-offset: -4px; + + &.slider { + @include linear-gradient(shade($bg_color, 1.2)); + + border: 1px solid rgba(0, 0, 0, .2); + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12); + + &:insensitive { + border-color: rgba(0, 0, 0, .1); + background-color: shade($bg_color, .9); + box-shadow: none; + } + } + + &.trough { + @include linear-gradient(shade($bg_color, .95), to top); + + border: 1px solid border_normal($bg_color); + color: $fg_color; + 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); + + &:active { + @include linear-gradient($selected_bg_color, to top); + + border-color: shade($selected_bg_color, .9); + color: $selected_fg_color; + } + + &:insensitive { + @include linear-gradient(shade($bg_color, .9), to top); + + border-color: border_insensitive($bg_color); + color: mix($fg_color, $bg_color, .5); + } + } + } +} diff --git a/gtk-3.0/scss/widgets/_toolbar.scss b/gtk-3.0/scss/widgets/_toolbar.scss new file mode 100755 index 0000000..019e79b --- /dev/null +++ b/gtk-3.0/scss/widgets/_toolbar.scss @@ -0,0 +1,123 @@ +@import "button"; + + +/********* + ! Toolbar +**********/ + +@mixin toolbar($bg, $fg) { + @include linear-gradient($bg); + @include border($bg); + + padding: $spacing * 2; + color: $fg; + + &:insensitive { + @include linear-gradient(shade($bg, .9)); + + color: mix($fg, $bg, .5); + } + + .title { + font: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font: smaller; + padding: 0 ($spacing * 2); + } + + .button { @include button($bg, $fg); } + + .button.linked, .linked .button { @include linked_button($bg); } + + GtkComboBox, .button { + padding: $spacing - 1px; + + &.text-button { padding: $spacing; } + + &.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; } + } + + GtkSeparatorToolItem, .separator, .separator:insensitive { + color: shade($bg, ($contrast + .1)); + border-color: currentColor; + + -GtkWidget-window-dragging: true; + } + + .menubar { -GtkToolbar-button-relief: normal; } +} + +@include exports("toolbar") { + .toolbar { + @include toolbar($bg_color, $fg_color); + + border-style: none; + + &.inline-toolbar { + background-image: none; + background-color: transparent; + } + } + + .header-bar { + @include toolbar($titlebar_bg_color, $titlebar_fg_color); + + border-width: 0 0 1px; + border-style: solid; + } + + .titlebar { + @include linear-gradient($titlebar_bg_color); + + border-radius: $roundness $roundness 0 0; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + + &:backdrop { + @include linear-gradient($titlebar_bg_color); + + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + text-shadow: none; + } + + &.default-decoration { + border: 0; + box-shadow: none; + } + + .tiled &, .maximized & { border-radius: 0; } + + .title { font: bold; } + + .titlebutton { + padding: $spacing; + border: 0; + background-image: none; + background-color: transparent; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + box-shadow: none; + + &:hover, &:hover:focus { + background-image: none; + background-color: transparent; + color: $selected_bg_color; + box-shadow: none; + } + + &:active, &:active:hover { + background-image: none; + background-color: transparent; + color: shade($selected_bg_color, .9); + box-shadow: none; + } + + &:backdrop { + background: none; + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + icon-shadow: none; + } + } + } +} diff --git a/gtk-3.0/scss/widgets/_view.scss b/gtk-3.0/scss/widgets/_view.scss new file mode 100644 index 0000000..d868914 --- /dev/null +++ b/gtk-3.0/scss/widgets/_view.scss @@ -0,0 +1,191 @@ +/*************** + ! Generic views +****************/ + +@include exports("view") { + * { -GtkTextView-error-underline-color: $error_color; } + + .view { + color: $text_color; + background-color: $base_color; + + &:insensitive, &:insensitive:insensitive { + background-color: shade($base_color, .9); + color: mix($text_color, $base_color, .5); + } + + &:selected, &:selected:focus { @extend %selected; } + } + + .cell { + border-width: 0; + border-radius: 0; + + &:selected, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + row { + &:selected { + &, &:hover, &:focus { + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + border: 0; + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + } + } + + .content-view { + &.view { + background-color: $base_color; + + &:prelight { background-color: alpha($selected_bg_color, .6); } + + &:selected, &:active { background-color: $selected_bg_color; } + + &:insensitive { background-color: shade($base_color, .9); } + + &.check { + &, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; } + } + } + + .subtitle { + font: smaller; + padding: 0 12px; + } + } + + GtkIconView { + &.content-view.check { @extend .content-view.check; } + + &.view.cell { + &:selected, &:selected:focus { + border: 0; + border-radius: 2px; + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .dim-label { + &, &.view { color: alpha(currentColor, .5); } + } + + .dnd { border: 1px solid $selected_bg_color; } + + .grip { background-color: transparent; } + + .arrow { color: alpha(currentColor, .7); } + + .rubberband { + &, &.view, &.content-view.view { + border: 1px solid $selected_bg_color; + border-radius: 0; + background-color: alpha($selected_bg_color, .3); + } + } + + GdMainIconView.content-view { -GdMainIconView-icon-size: 40; } + + /* this will get overridden by .view, needed by gedit line numbers */ + GtkTextView { background-color: mix($bg_color, $base_color, .5); } + + GtkHTML { + @extend .view; + + &:insensitive { background-color: shade($base_color, .9); } + } + + GtkDrawingArea { background-color: transparent; } +} + +/************ + ! Treeview * +*************/ + +@include exports("treeview") { + GtkTreeView { + -GtkTreeView-expander-size: 8; + -GtkTreeView-vertical-separator: 0; + + outline-offset: -1px; + + &.dnd { border: 1px solid $selected_bg_color; } + + .entry { + border-radius: 0; + background-color: $base_color; + background-image: none; + } + } +} + + +/*********** + ! Separator +************/ + +@include exports("separator") { + .view.separator, .separator { + color: shade($bg_color, ($contrast + .1)); + border: 1px solid currentColor; + } +} + + +/********************* + ! Column view headers +**********************/ + +@include exports("columnheader") { + column-header { + .button { + &, &:active { + border-width: 0 1px 1px 0; + border-radius: 0; + } + + &, &:active, &:focus, &:active:focus { + border-color: shade($base_color, .9); + border-bottom-color: shade($base_color, .8); + background-color: shade($base_color, .97); + background-image: none; + } + + &:hover, &:active:hover, &:hover:focus, &:active:hover:focus { + border-color: shade($base_color, .9); + border-bottom-color: shade($base_color, .8); + background-color: shade($base_color, .99); + background-image: none; + } + + &:last-child .button { border-width: 0 0 1px; } + } + } +} + + +/********** + ! Frames * +***********/ + +@include exports("frame") { + .frame { + border: 1px solid border_normal($bg_color); + + &.flat { border: 0; } + } + + /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ + GtkScrolledWindow GtkViewport.frame { border: 0; } +} + diff --git a/gtk-3.0/scss/widgets/_window.scss b/gtk-3.0/scss/widgets/_window.scss new file mode 100755 index 0000000..f609010 --- /dev/null +++ b/gtk-3.0/scss/widgets/_window.scss @@ -0,0 +1,57 @@ +/************** + ! Window frame +***************/ + +@include exports("window") { + %window { + box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22), + 0 0 0 1px $wm_border_focused; + + &:backdrop { + box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23), + 0 0 0 1px $wm_border_unfocused; + } + } + + .window-frame { + @extend %window; + + border: 0; + border-radius: $roundness $roundness 0 0; + + /* this is used for the resize cursor area */ + margin: $spacing * 3; + + &.tiled { border-radius: 0; } + + &.solid-csd { + border-radius: 0; + margin: 1px; + background-color: $bg_color; + box-shadow: none; + } + + &.csd { + &.popup { + @extend %window; + + border-radius: 0; + } + + &.tooltip { + border-radius: $roundness; + box-shadow: none; + } + + &.message-dialog { + @extend %window; + + border-radius: $roundness; + } + } + + &.ssd { + &.maximized { border-radius: 0; } + } + } +} 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 diff --git a/index.theme b/index.theme old mode 100644 new mode 100755 diff --git a/metacity-1/metacity-theme-2.xml b/metacity-1/metacity-theme-2.xml old mode 100644 new mode 100755 index 8d8f3c8..93b3861 --- a/metacity-1/metacity-theme-2.xml +++ b/metacity-1/metacity-theme-2.xml @@ -9,12 +9,12 @@ - + - + - + @@ -721,15 +721,15 @@ - - - @@ -737,16 +737,16 @@ x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" color="C_icons_focused_pressed" /> - - + diff --git a/metacity-1/metacity-theme-3.xml b/metacity-1/metacity-theme-3.xml old mode 100644 new mode 100755 index 3ec1eb3..a5fbae8 --- a/metacity-1/metacity-theme-3.xml +++ b/metacity-1/metacity-theme-3.xml @@ -9,12 +9,12 @@ - + - + - + @@ -733,15 +733,15 @@ - - - @@ -749,16 +749,16 @@ x1="(width-width%3)/3+3" y1="(height-height%3)/3+1" x2="width-(width-width%3)/3-3" y2="height-(height-height%3)/3-5" color="C_icons_focused_pressed" /> - - + diff --git a/openbox-3/close.xbm b/openbox-3/close.xbm old mode 100644 new mode 100755 diff --git a/openbox-3/desk.xbm b/openbox-3/desk.xbm old mode 100644 new mode 100755 diff --git a/openbox-3/desk_toggled.xbm b/openbox-3/desk_toggled.xbm old mode 100644 new mode 100755 diff --git a/openbox-3/iconify.xbm b/openbox-3/iconify.xbm old mode 100644 new mode 100755 diff --git a/openbox-3/max.xbm b/openbox-3/max.xbm old mode 100644 new mode 100755 diff --git a/openbox-3/max_toggled.xbm b/openbox-3/max_toggled.xbm old mode 100644 new mode 100755 diff --git a/openbox-3/shade.xbm b/openbox-3/shade.xbm old mode 100644 new mode 100755 diff --git a/openbox-3/shade_toggled.xbm b/openbox-3/shade_toggled.xbm old mode 100644 new mode 100755 diff --git a/openbox-3/themerc b/openbox-3/themerc old mode 100644 new mode 100755 index 7d5663f..b29bd09 --- a/openbox-3/themerc +++ b/openbox-3/themerc @@ -4,21 +4,21 @@ # Menu -menu.border.color: #2d2d2d +menu.border.color: #333333 menu.title.bg: flat solid -menu.title.bg.color: #2d2d2d -menu.title.text.color: #dcdcdc +menu.title.bg.color: #333333 +menu.title.text.color: #eeeeee menu.title.text.justify: center menu.items.bg: flat solid -menu.items.bg.color: #2d2d2d -menu.items.text.color: #dcdcdc +menu.items.bg.color: #333333 +menu.items.text.color: #eeeeee menu.items.disabled.text.color: #888888 menu.items.active.bg: flat solid -menu.items.active.bg.color: #d64937 -menu.items.active.text.color: #f9f9f9 +menu.items.active.bg.color: #f06860 +menu.items.active.text.color: #ffffff menu.separator.color: #262626 menu.separator.width: 1 @@ -30,29 +30,29 @@ menu.separator.padding.height: 4 window.active.border.color: #484848 window.active.title.bg: flat solid -window.active.title.bg.color: #2d2d2d -window.active.title.separator.color: #2d2d2d +window.active.title.bg.color: #333333 +window.active.title.separator.color: #333333 window.active.text.justify: center window.active.label.bg: parentrelative -window.active.label.text.color: #dcdcdc +window.active.label.text.color: #eeeeee window.active.handle.bg: flat solid -window.active.handle.bg.color: #2d2d2d +window.active.handle.bg.color: #333333 window.active.grip.bg: flat solid -window.active.grip.bg.color: #2d2d2d +window.active.grip.bg.color: #333333 window.active.button.unpressed.bg: flat solid -window.active.button.unpressed.bg.color: #2d2d2d -window.active.button.unpressed.image.color: #dcdcdc +window.active.button.unpressed.bg.color: #333333 +window.active.button.unpressed.image.color: #eeeeee window.active.button.pressed.bg: flat solid -window.active.button.pressed.bg.color: #2d2d2d -window.active.button.pressed.image.color: #d64937 +window.active.button.pressed.bg.color: #333333 +window.active.button.pressed.image.color: #f06860 window.active.button.disabled.bg: flat solid -window.active.button.disabled.bg.color: #2d2d2d +window.active.button.disabled.bg.color: #333333 window.active.button.disabled.image.color: #888888 @@ -60,29 +60,29 @@ window.active.button.disabled.image.color: #888888 window.inactive.border.color: #393939 window.inactive.title.bg: flat solid -window.inactive.title.bg.color: #2d2d2d -window.inactive.title.separator.color: #2d2d2d +window.inactive.title.bg.color: #333333 +window.inactive.title.separator.color: #333333 window.inactive.text.justify: center window.inactive.label.bg: parentrelative window.inactive.label.text.color: #888888 window.inactive.handle.bg: flat solid -window.inactive.handle.bg.color: #2d2d2d +window.inactive.handle.bg.color: #333333 window.inactive.grip.bg: flat solid -window.inactive.grip.bg.color: #2d2d2d +window.inactive.grip.bg.color: #333333 window.inactive.button.unpressed.bg: flat solid -window.inactive.button.unpressed.bg.color: #2d2d2d +window.inactive.button.unpressed.bg.color: #333333 window.inactive.button.unpressed.image.color: #888888 window.inactive.button.pressed.bg: flat solid -window.inactive.button.pressed.bg.color: #2d2d2d -window.inactive.button.pressed.image.color: #d64937 +window.inactive.button.pressed.bg.color: #333333 +window.inactive.button.pressed.image.color: #f06860 window.inactive.button.disabled.bg: flat solid -window.inactive.button.disabled.bg.color: #2d2d2d +window.inactive.button.disabled.bg.color: #333333 window.inactive.button.disabled.image.color: #888888 @@ -91,13 +91,13 @@ osd.border.width: 1 osd.border.color: #484848 osd.bg: flat solid -osd.bg.color: #2d2d2d +osd.bg.color: #333333 osd.label.bg: flat solid -osd.label.bg.color: #2d2d2d -osd.label.text.color: #dcdcdc +osd.label.bg.color: #333333 +osd.label.text.color: #eeeeee osd.hilight.bg: flat solid -osd.hilight.bg.color: #d64937 +osd.hilight.bg.color: #f06860 osd.unhilight.bg: flat solid osd.unhilight.bg.color: #888888 @@ -114,7 +114,7 @@ osd.button.focused.bg: flat solid border osd.button.focused.bg.color: #303030 osd.button.focused.*.border.color: #1e1e1e -osd.button.focused.box.color: #d64937 +osd.button.focused.box.color: #f06860 # Fonts diff --git a/unity/close.svg b/unity/close.svg old mode 100644 new mode 100755 index 4a4ca0b..1d739f2 --- a/unity/close.svg +++ b/unity/close.svg @@ -1 +1 @@ - + diff --git a/unity/close_focused_prelight.svg b/unity/close_focused_prelight.svg old mode 100644 new mode 100755 index 46d998c..9c4611b --- a/unity/close_focused_prelight.svg +++ b/unity/close_focused_prelight.svg @@ -1 +1 @@ - + diff --git a/unity/close_focused_pressed.svg b/unity/close_focused_pressed.svg old mode 100644 new mode 100755 index abecba9..fb119c6 --- a/unity/close_focused_pressed.svg +++ b/unity/close_focused_pressed.svg @@ -1 +1 @@ - + diff --git a/unity/close_unfocused.svg b/unity/close_unfocused.svg old mode 100644 new mode 100755 diff --git a/unity/maximize.svg b/unity/maximize.svg old mode 100644 new mode 100755 index d62a015..a84ce25 --- a/unity/maximize.svg +++ b/unity/maximize.svg @@ -1 +1 @@ - + diff --git a/unity/maximize_focused_prelight.svg b/unity/maximize_focused_prelight.svg old mode 100644 new mode 100755 index 7c1cffd..b1d4bc2 --- a/unity/maximize_focused_prelight.svg +++ b/unity/maximize_focused_prelight.svg @@ -1 +1 @@ - + diff --git a/unity/maximize_focused_pressed.svg b/unity/maximize_focused_pressed.svg old mode 100644 new mode 100755 index 38dbcc4..0e35a70 --- a/unity/maximize_focused_pressed.svg +++ b/unity/maximize_focused_pressed.svg @@ -1 +1 @@ - + diff --git a/unity/maximize_unfocused.svg b/unity/maximize_unfocused.svg old mode 100644 new mode 100755 diff --git a/unity/minimize.svg b/unity/minimize.svg old mode 100644 new mode 100755 index 09e7c2e..a7075cc --- a/unity/minimize.svg +++ b/unity/minimize.svg @@ -1 +1 @@ - + diff --git a/unity/minimize_focused_prelight.svg b/unity/minimize_focused_prelight.svg old mode 100644 new mode 100755 index 29699c2..56801e1 --- a/unity/minimize_focused_prelight.svg +++ b/unity/minimize_focused_prelight.svg @@ -1 +1 @@ - + diff --git a/unity/minimize_focused_pressed.svg b/unity/minimize_focused_pressed.svg old mode 100644 new mode 100755 index a713426..253a310 --- a/unity/minimize_focused_pressed.svg +++ b/unity/minimize_focused_pressed.svg @@ -1 +1 @@ - + diff --git a/unity/minimize_unfocused.svg b/unity/minimize_unfocused.svg old mode 100644 new mode 100755 diff --git a/unity/minimized.svg b/unity/minimized.svg old mode 100644 new mode 100755 index 09e7c2e..a7075cc --- a/unity/minimized.svg +++ b/unity/minimized.svg @@ -1 +1 @@ - + diff --git a/unity/progress_bar_fill.svg b/unity/progress_bar_fill.svg old mode 100644 new mode 100755 index aef847c..dc9cfec --- a/unity/progress_bar_fill.svg +++ b/unity/progress_bar_fill.svg @@ -1,5 +1,5 @@ - + diff --git a/unity/progress_bar_trough.svg b/unity/progress_bar_trough.svg old mode 100644 new mode 100755 index 8082c32..4d4b209 --- a/unity/progress_bar_trough.svg +++ b/unity/progress_bar_trough.svg @@ -59,7 +59,7 @@ id="image6" /> diff --git a/unity/unmaximize.svg b/unity/unmaximize.svg old mode 100644 new mode 100755 index eee6717..9f6d305 --- a/unity/unmaximize.svg +++ b/unity/unmaximize.svg @@ -1 +1 @@ - + diff --git a/unity/unmaximize_focused_prelight.svg b/unity/unmaximize_focused_prelight.svg old mode 100644 new mode 100755 index a71bdea..90f33e7 --- a/unity/unmaximize_focused_prelight.svg +++ b/unity/unmaximize_focused_prelight.svg @@ -1 +1 @@ - + diff --git a/unity/unmaximize_focused_pressed.svg b/unity/unmaximize_focused_pressed.svg old mode 100644 new mode 100755 index 11173a6..2b21194 --- a/unity/unmaximize_focused_pressed.svg +++ b/unity/unmaximize_focused_pressed.svg @@ -1 +1 @@ - + diff --git a/unity/unmaximize_unfocused.svg b/unity/unmaximize_unfocused.svg old mode 100644 new mode 100755 diff --git a/xfce-notify-4.0/gtkrc b/xfce-notify-4.0/gtkrc old mode 100644 new mode 100755 index 52a62ca..b4ea119 --- a/xfce-notify-4.0/gtkrc +++ b/xfce-notify-4.0/gtkrc @@ -1,6 +1,6 @@ style "notify-window" { XfceNotifyWindow::summary-bold = 1 - XfceNotifyWindow::border-color = "#2d2d2d" + XfceNotifyWindow::border-color = "#444444" XfceNotifyWindow::border-color-hover = "#333333" XfceNotifyWindow::border-radius = 2.0 XfceNotifyWindow::border-width = 1.0 @@ -10,13 +10,13 @@ style "notify-window" { } style "notify-button" { - bg[NORMAL] = "#2d2d2d" - bg[PRELIGHT] = "#333333" - bg[ACTIVE] = "#2d2d2d" + bg[NORMAL] = "#444444" + bg[PRELIGHT] = "#555555" + bg[ACTIVE] = "#444444" - fg[NORMAL] = "#dcdcdc" - fg[PRELIGHT] = "#dedede" - fg[ACTIVE] = "#dedede" + fg[NORMAL] = "#eeeeee" + fg[PRELIGHT] = "#eeeeee" + fg[ACTIVE] = "#eeeeee" engine "murrine" { gradient_shades = { 1.0, 1.0, 1.0, 1.0 } @@ -27,7 +27,7 @@ style "notify-button" { } style "notify-text" { - GtkWidget::link-color = "#d64937" + GtkWidget::link-color = "#f0544c" fg[NORMAL] = "#f9f9f9" fg[PRELIGHT] = "#f9f9f9" @@ -46,9 +46,9 @@ style "notify-progressbar" { xthickness = 1 ythickness = 1 - bg[NORMAL] = "#dcdcdc" - bg[ACTIVE] = "#2d2d2d" - bg[SELECTED] = "#dedede" + bg[NORMAL] = "#eeeeee" + bg[ACTIVE] = "#444444" + bg[SELECTED] = "#eeeeee" fg[PRELIGHT] = "#333333" fg[ACTIVE] = "#f9f9f9" diff --git a/xfwm4/bottom-active.xpm b/xfwm4/bottom-active.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/bottom-inactive.xpm b/xfwm4/bottom-inactive.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/bottom-left-active.xpm b/xfwm4/bottom-left-active.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/bottom-left-inactive.xpm b/xfwm4/bottom-left-inactive.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/bottom-right-active.xpm b/xfwm4/bottom-right-active.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/bottom-right-inactive.xpm b/xfwm4/bottom-right-inactive.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/close-active.xpm b/xfwm4/close-active.xpm old mode 100644 new mode 100755 index 3424b7c..73ee20b --- a/xfwm4/close-active.xpm +++ b/xfwm4/close-active.xpm @@ -2,8 +2,8 @@ static char * close_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #DCDCDC", +". c #444444", +"+ c #eeeeee", "........................", "........................", "........................", diff --git a/xfwm4/close-inactive.xpm b/xfwm4/close-inactive.xpm old mode 100644 new mode 100755 index 9201e50..eb5514e --- a/xfwm4/close-inactive.xpm +++ b/xfwm4/close-inactive.xpm @@ -2,7 +2,7 @@ static char * close_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", +". c #444444", "+ c #888888", "........................", "........................", diff --git a/xfwm4/close-prelight.xpm b/xfwm4/close-prelight.xpm old mode 100644 new mode 100755 index e3bd443..f7ebf57 --- a/xfwm4/close-prelight.xpm +++ b/xfwm4/close-prelight.xpm @@ -1,9 +1,9 @@ -/* XPM */ +s/* XPM */ static char * close_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/close-pressed.png b/xfwm4/close-pressed.png old mode 100644 new mode 100755 diff --git a/xfwm4/close-pressed.xpm b/xfwm4/close-pressed.xpm old mode 100644 new mode 100755 index e3bd443..644cedb --- a/xfwm4/close-pressed.xpm +++ b/xfwm4/close-pressed.xpm @@ -2,8 +2,8 @@ static char * close_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/hide-active.xpm b/xfwm4/hide-active.xpm old mode 100644 new mode 100755 index 4a01c16..0f4de57 --- a/xfwm4/hide-active.xpm +++ b/xfwm4/hide-active.xpm @@ -2,8 +2,8 @@ static char * hide_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #DCDCDC", +". c #444444", +"+ c #eeeeee", "........................", "........................", "........................", diff --git a/xfwm4/hide-inactive.xpm b/xfwm4/hide-inactive.xpm old mode 100644 new mode 100755 index 3da4487..6e210d2 --- a/xfwm4/hide-inactive.xpm +++ b/xfwm4/hide-inactive.xpm @@ -2,7 +2,7 @@ static char * hide_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", +". c #444444", "+ c #888888", "........................", "........................", diff --git a/xfwm4/hide-prelight.xpm b/xfwm4/hide-prelight.xpm old mode 100644 new mode 100755 index d2470bf..be53c73 --- a/xfwm4/hide-prelight.xpm +++ b/xfwm4/hide-prelight.xpm @@ -2,8 +2,8 @@ static char * hide_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/hide-pressed.png b/xfwm4/hide-pressed.png old mode 100644 new mode 100755 diff --git a/xfwm4/hide-pressed.xpm b/xfwm4/hide-pressed.xpm old mode 100644 new mode 100755 index d2470bf..be53c73 --- a/xfwm4/hide-pressed.xpm +++ b/xfwm4/hide-pressed.xpm @@ -2,8 +2,8 @@ static char * hide_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/left-active.xpm b/xfwm4/left-active.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/left-inactive.xpm b/xfwm4/left-inactive.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/maximize-active.xpm b/xfwm4/maximize-active.xpm old mode 100644 new mode 100755 index ce44a5f..e56f28e --- a/xfwm4/maximize-active.xpm +++ b/xfwm4/maximize-active.xpm @@ -2,8 +2,8 @@ static char * maximize_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #DCDCDC", +". c #444444", +"+ c #eeeeee", "........................", "........................", "........................", diff --git a/xfwm4/maximize-inactive.xpm b/xfwm4/maximize-inactive.xpm old mode 100644 new mode 100755 index 153b4d2..7983fe3 --- a/xfwm4/maximize-inactive.xpm +++ b/xfwm4/maximize-inactive.xpm @@ -2,7 +2,7 @@ static char * maximize_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", +". c #444444", "+ c #888888", "........................", "........................", diff --git a/xfwm4/maximize-prelight.xpm b/xfwm4/maximize-prelight.xpm old mode 100644 new mode 100755 index eec4b49..342bddb --- a/xfwm4/maximize-prelight.xpm +++ b/xfwm4/maximize-prelight.xpm @@ -2,8 +2,8 @@ static char * maximize_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/maximize-pressed.png b/xfwm4/maximize-pressed.png old mode 100644 new mode 100755 diff --git a/xfwm4/maximize-pressed.xpm b/xfwm4/maximize-pressed.xpm old mode 100644 new mode 100755 index eec4b49..342bddb --- a/xfwm4/maximize-pressed.xpm +++ b/xfwm4/maximize-pressed.xpm @@ -2,8 +2,8 @@ static char * maximize_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/maximize-toggled-active.xpm b/xfwm4/maximize-toggled-active.xpm old mode 100644 new mode 100755 index a34f44a..fa463e7 --- a/xfwm4/maximize-toggled-active.xpm +++ b/xfwm4/maximize-toggled-active.xpm @@ -2,8 +2,8 @@ static char * maximize_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #DCDCDC", +". c #444444", +"+ c #eeeeee", "........................", "........................", "........................", diff --git a/xfwm4/maximize-toggled-inactive.xpm b/xfwm4/maximize-toggled-inactive.xpm old mode 100644 new mode 100755 index 914eed8..962e5e3 --- a/xfwm4/maximize-toggled-inactive.xpm +++ b/xfwm4/maximize-toggled-inactive.xpm @@ -2,7 +2,7 @@ static char * maximize_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", +". c #444444", "+ c #888888", "........................", "........................", diff --git a/xfwm4/maximize-toggled-prelight.xpm b/xfwm4/maximize-toggled-prelight.xpm old mode 100644 new mode 100755 index 2dda206..c4c45a2 --- a/xfwm4/maximize-toggled-prelight.xpm +++ b/xfwm4/maximize-toggled-prelight.xpm @@ -2,8 +2,8 @@ static char * maximize_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/maximize-toggled-pressed.png b/xfwm4/maximize-toggled-pressed.png old mode 100644 new mode 100755 diff --git a/xfwm4/maximize-toggled-pressed.xpm b/xfwm4/maximize-toggled-pressed.xpm old mode 100644 new mode 100755 index 2dda206..c4c45a2 --- a/xfwm4/maximize-toggled-pressed.xpm +++ b/xfwm4/maximize-toggled-pressed.xpm @@ -2,8 +2,8 @@ static char * maximize_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/menu-active.xpm b/xfwm4/menu-active.xpm old mode 100644 new mode 100755 index 3ec59e2..89a9597 --- a/xfwm4/menu-active.xpm +++ b/xfwm4/menu-active.xpm @@ -2,7 +2,7 @@ static char * menu_active_xpm[] = { "24 16 2 1", " c None", -". c #2D2D2D", +". c #444444", "........................", "........................", "........................", diff --git a/xfwm4/menu-inactive.xpm b/xfwm4/menu-inactive.xpm old mode 100644 new mode 100755 index bd7c7e4..e1cba46 --- a/xfwm4/menu-inactive.xpm +++ b/xfwm4/menu-inactive.xpm @@ -2,7 +2,7 @@ static char * menu_inactive_xpm[] = { "24 16 2 1", " c None", -". c #2D2D2D", +". c #444444", "........................", "........................", "........................", diff --git a/xfwm4/menu-prelight.xpm b/xfwm4/menu-prelight.xpm old mode 100644 new mode 100755 index 4563e7e..fecec03 --- a/xfwm4/menu-prelight.xpm +++ b/xfwm4/menu-prelight.xpm @@ -2,7 +2,7 @@ static char * menu_prelight_xpm[] = { "24 16 2 1", " c None", -". c #2D2D2D", +". c #444444", "........................", "........................", "........................", diff --git a/xfwm4/menu-pressed.xpm b/xfwm4/menu-pressed.xpm old mode 100644 new mode 100755 index 3ea6467..a27021e --- a/xfwm4/menu-pressed.xpm +++ b/xfwm4/menu-pressed.xpm @@ -2,7 +2,7 @@ static char * menu_pressed_xpm[] = { "24 16 2 1", " c None", -". c #2D2D2D", +". c #444444", "........................", "........................", "........................", diff --git a/xfwm4/right-active.xpm b/xfwm4/right-active.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/right-inactive.xpm b/xfwm4/right-inactive.xpm old mode 100644 new mode 100755 diff --git a/xfwm4/shade-active.xpm b/xfwm4/shade-active.xpm old mode 100644 new mode 100755 index 4dac8e8..4caf24e --- a/xfwm4/shade-active.xpm +++ b/xfwm4/shade-active.xpm @@ -2,8 +2,8 @@ static char * shade_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #DCDCDC", +". c #444444", +"+ c #eeeeee", "........................", "........................", "........................", diff --git a/xfwm4/shade-inactive.xpm b/xfwm4/shade-inactive.xpm old mode 100644 new mode 100755 index 9751094..3b42c60 --- a/xfwm4/shade-inactive.xpm +++ b/xfwm4/shade-inactive.xpm @@ -2,7 +2,7 @@ static char * shade_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", +". c #444444", "+ c #888888", "........................", "........................", diff --git a/xfwm4/shade-prelight.xpm b/xfwm4/shade-prelight.xpm old mode 100644 new mode 100755 index 4aa3b7a..69ce622 --- a/xfwm4/shade-prelight.xpm +++ b/xfwm4/shade-prelight.xpm @@ -2,8 +2,8 @@ static char * shade_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/shade-pressed.png b/xfwm4/shade-pressed.png old mode 100644 new mode 100755 diff --git a/xfwm4/shade-pressed.xpm b/xfwm4/shade-pressed.xpm old mode 100644 new mode 100755 index 4aa3b7a..69ce622 --- a/xfwm4/shade-pressed.xpm +++ b/xfwm4/shade-pressed.xpm @@ -2,8 +2,8 @@ static char * shade_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/shade-toggled-active.xpm b/xfwm4/shade-toggled-active.xpm old mode 100644 new mode 100755 index 1421f70..7464780 --- a/xfwm4/shade-toggled-active.xpm +++ b/xfwm4/shade-toggled-active.xpm @@ -2,8 +2,8 @@ static char * shade_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #DCDCDC", +". c #444444", +"+ c #eeeeee", "........................", "........................", "........................", diff --git a/xfwm4/shade-toggled-inactive.xpm b/xfwm4/shade-toggled-inactive.xpm old mode 100644 new mode 100755 index 1e3e4bf..847bb3b --- a/xfwm4/shade-toggled-inactive.xpm +++ b/xfwm4/shade-toggled-inactive.xpm @@ -2,7 +2,7 @@ static char * shade_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", +". c #444444", "+ c #888888", "........................", "........................", diff --git a/xfwm4/shade-toggled-prelight.xpm b/xfwm4/shade-toggled-prelight.xpm old mode 100644 new mode 100755 index e3109e5..8af2d64 --- a/xfwm4/shade-toggled-prelight.xpm +++ b/xfwm4/shade-toggled-prelight.xpm @@ -2,8 +2,8 @@ static char * shade_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/shade-toggled-pressed.png b/xfwm4/shade-toggled-pressed.png old mode 100644 new mode 100755 diff --git a/xfwm4/shade-toggled-pressed.xpm b/xfwm4/shade-toggled-pressed.xpm old mode 100644 new mode 100755 index e3109e5..8af2d64 --- a/xfwm4/shade-toggled-pressed.xpm +++ b/xfwm4/shade-toggled-pressed.xpm @@ -2,8 +2,8 @@ static char * shade_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/stick-active.xpm b/xfwm4/stick-active.xpm old mode 100644 new mode 100755 index c8610f8..c7fc821 --- a/xfwm4/stick-active.xpm +++ b/xfwm4/stick-active.xpm @@ -2,8 +2,8 @@ static char * stick_active_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #DCDCDC", +". c #444444", +"+ c #eeeeee", "........................", "........................", "........................", diff --git a/xfwm4/stick-inactive.xpm b/xfwm4/stick-inactive.xpm old mode 100644 new mode 100755 index d4cc7fe..41fac3d --- a/xfwm4/stick-inactive.xpm +++ b/xfwm4/stick-inactive.xpm @@ -2,7 +2,7 @@ static char * stick_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", +". c #444444", "+ c #888888", "........................", "........................", diff --git a/xfwm4/stick-prelight.xpm b/xfwm4/stick-prelight.xpm old mode 100644 new mode 100755 index 725c314..0d1418e --- a/xfwm4/stick-prelight.xpm +++ b/xfwm4/stick-prelight.xpm @@ -2,8 +2,8 @@ static char * stick_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/stick-pressed.png b/xfwm4/stick-pressed.png old mode 100644 new mode 100755 diff --git a/xfwm4/stick-pressed.xpm b/xfwm4/stick-pressed.xpm old mode 100644 new mode 100755 index 725c314..0d1418e --- a/xfwm4/stick-pressed.xpm +++ b/xfwm4/stick-pressed.xpm @@ -2,8 +2,8 @@ static char * stick_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/stick-toggled-active.xpm b/xfwm4/stick-toggled-active.xpm old mode 100644 new mode 100755 index 25de32c..ee04ce3 --- a/xfwm4/stick-toggled-active.xpm +++ b/xfwm4/stick-toggled-active.xpm @@ -2,8 +2,8 @@ static char * stick_toggled_active_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #DCDCDC", +". c #444444", +"+ c #eeeeee", "........................", "........................", "........................", diff --git a/xfwm4/stick-toggled-inactive.xpm b/xfwm4/stick-toggled-inactive.xpm old mode 100644 new mode 100755 index c33b36e..9dec10a --- a/xfwm4/stick-toggled-inactive.xpm +++ b/xfwm4/stick-toggled-inactive.xpm @@ -2,7 +2,7 @@ static char * stick_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", +". c #444444", "+ c #888888", "........................", "........................", diff --git a/xfwm4/stick-toggled-prelight.xpm b/xfwm4/stick-toggled-prelight.xpm old mode 100644 new mode 100755 index d56f353..1575562 --- a/xfwm4/stick-toggled-prelight.xpm +++ b/xfwm4/stick-toggled-prelight.xpm @@ -2,8 +2,8 @@ static char * stick_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/stick-toggled-pressed.png b/xfwm4/stick-toggled-pressed.png old mode 100644 new mode 100755 diff --git a/xfwm4/stick-toggled-pressed.xpm b/xfwm4/stick-toggled-pressed.xpm old mode 100644 new mode 100755 index d56f353..1575562 --- a/xfwm4/stick-toggled-pressed.xpm +++ b/xfwm4/stick-toggled-pressed.xpm @@ -2,8 +2,8 @@ static char * stick_toggled_prelight_xpm[] = { "24 24 3 1", " c None", -". c #2D2D2D", -"+ c #D64937 s active_color_1", +". c #444444", +"+ c #f0544c s active_color_1", "........................", "........................", "........................", diff --git a/xfwm4/themerc b/xfwm4/themerc old mode 100644 new mode 100755 index e345ddd..740d09c --- a/xfwm4/themerc +++ b/xfwm4/themerc @@ -2,7 +2,7 @@ # Author: Satyajit Sahoo # License: GPL-3.0+ -active_text_color=#dcdcdc +active_text_color=#eeeeee inactive_text_color=#888888 button_offset=3 button_spacing=0 diff --git a/xfwm4/title-1-active.xpm b/xfwm4/title-1-active.xpm old mode 100644 new mode 100755 index 0dbc3ab..52fb899 --- a/xfwm4/title-1-active.xpm +++ b/xfwm4/title-1-active.xpm @@ -3,7 +3,7 @@ static char * title_1_active_xpm[] = { "2 26 3 1", " c None", ". c #484848", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/title-1-inactive.xpm b/xfwm4/title-1-inactive.xpm old mode 100644 new mode 100755 index e8a927a..212d7aa --- a/xfwm4/title-1-inactive.xpm +++ b/xfwm4/title-1-inactive.xpm @@ -3,7 +3,7 @@ static char * title_1_inactive_xpm[] = { "2 26 3 1", " c None", ". c #393939", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/title-2-active.xpm b/xfwm4/title-2-active.xpm old mode 100644 new mode 100755 index 4c7fd81..7f234ff --- a/xfwm4/title-2-active.xpm +++ b/xfwm4/title-2-active.xpm @@ -3,7 +3,7 @@ static char * title_2_active_xpm[] = { "2 26 3 1", " c None", ". c #484848", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/title-2-inactive.xpm b/xfwm4/title-2-inactive.xpm old mode 100644 new mode 100755 index 9a165cc..e5cabe3 --- a/xfwm4/title-2-inactive.xpm +++ b/xfwm4/title-2-inactive.xpm @@ -3,7 +3,7 @@ static char * title_2_inactive_xpm[] = { "2 26 3 1", " c None", ". c #393939", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/title-3-active.xpm b/xfwm4/title-3-active.xpm old mode 100644 new mode 100755 index 372d7af..b2829b9 --- a/xfwm4/title-3-active.xpm +++ b/xfwm4/title-3-active.xpm @@ -3,7 +3,7 @@ static char * title_3_active_xpm[] = { "2 26 3 1", " c None", ". c #484848", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/title-3-inactive.xpm b/xfwm4/title-3-inactive.xpm old mode 100644 new mode 100755 index 81157b1..1eacd85 --- a/xfwm4/title-3-inactive.xpm +++ b/xfwm4/title-3-inactive.xpm @@ -3,7 +3,7 @@ static char * title_3_inactive_xpm[] = { "2 26 3 1", " c None", ". c #393939", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/title-4-active.xpm b/xfwm4/title-4-active.xpm old mode 100644 new mode 100755 index 85aa732..707d2a5 --- a/xfwm4/title-4-active.xpm +++ b/xfwm4/title-4-active.xpm @@ -3,7 +3,7 @@ static char * title_4_active_xpm[] = { "2 26 3 1", " c None", ". c #484848", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/title-4-inactive.xpm b/xfwm4/title-4-inactive.xpm old mode 100644 new mode 100755 index cd1e555..4a86d59 --- a/xfwm4/title-4-inactive.xpm +++ b/xfwm4/title-4-inactive.xpm @@ -3,7 +3,7 @@ static char * title_4_inactive_xpm[] = { "2 26 3 1", " c None", ". c #393939", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/title-5-active.xpm b/xfwm4/title-5-active.xpm old mode 100644 new mode 100755 index c88372c..31316b8 --- a/xfwm4/title-5-active.xpm +++ b/xfwm4/title-5-active.xpm @@ -3,7 +3,7 @@ static char * title_5_active_xpm[] = { "2 26 3 1", " c None", ". c #484848", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/title-5-inactive.xpm b/xfwm4/title-5-inactive.xpm old mode 100644 new mode 100755 index e1385ff..aa33f4c --- a/xfwm4/title-5-inactive.xpm +++ b/xfwm4/title-5-inactive.xpm @@ -3,7 +3,7 @@ static char * title_5_inactive_xpm[] = { "2 26 3 1", " c None", ". c #393939", -"+ c #2D2D2D", +"+ c #444444", "..", "++", "++", diff --git a/xfwm4/top-left-active.xpm b/xfwm4/top-left-active.xpm old mode 100644 new mode 100755 index 4dc55d6..675afd3 --- a/xfwm4/top-left-active.xpm +++ b/xfwm4/top-left-active.xpm @@ -4,7 +4,7 @@ static char * top_left_active_xpm[] = { " c None", ". c #484848", "+ c #343434", -"@ c #2D2D2D", +"@ c #444444", " .", ".+", ".@", diff --git a/xfwm4/top-left-inactive.xpm b/xfwm4/top-left-inactive.xpm old mode 100644 new mode 100755 index 834acf1..0a922d8 --- a/xfwm4/top-left-inactive.xpm +++ b/xfwm4/top-left-inactive.xpm @@ -4,7 +4,7 @@ static char * top_left_inactive_xpm[] = { " c None", ". c #393939", "+ c #303030", -"@ c #2D2D2D", +"@ c #444444", " .", ".+", ".@", diff --git a/xfwm4/top-right-active.xpm b/xfwm4/top-right-active.xpm old mode 100644 new mode 100755 index 9558840..3ed6265 --- a/xfwm4/top-right-active.xpm +++ b/xfwm4/top-right-active.xpm @@ -4,7 +4,7 @@ static char * top_right_active_xpm[] = { " c None", ". c #484848", "+ c #343434", -"@ c #2D2D2D", +"@ c #444444", ". ", "+.", "@.", diff --git a/xfwm4/top-right-inactive.xpm b/xfwm4/top-right-inactive.xpm old mode 100644 new mode 100755 index 5776746..e847a56 --- a/xfwm4/top-right-inactive.xpm +++ b/xfwm4/top-right-inactive.xpm @@ -4,7 +4,7 @@ static char * top_right_inactive_xpm[] = { " c None", ". c #393939", "+ c #303030", -"@ c #2D2D2D", +"@ c #444444", ". ", "+.", "@.",