diff options
Diffstat (limited to '.themes/FlatColor/gtk-3.20')
82 files changed, 4290 insertions, 0 deletions
diff --git a/.themes/FlatColor/gtk-3.20/assets/blank.png b/.themes/FlatColor/gtk-3.20/assets/blank.png Binary files differnew file mode 100644 index 0000000..caf7fab --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/blank.png diff --git a/.themes/FlatColor/gtk-3.20/assets/bullet-disabled.png b/.themes/FlatColor/gtk-3.20/assets/bullet-disabled.png Binary files differnew file mode 100644 index 0000000..61f935f --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/bullet-disabled.png diff --git a/.themes/FlatColor/gtk-3.20/assets/bullet.png b/.themes/FlatColor/gtk-3.20/assets/bullet.png Binary files differnew file mode 100644 index 0000000..a016624 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/bullet.png diff --git a/.themes/FlatColor/gtk-3.20/assets/check-disabled.png b/.themes/FlatColor/gtk-3.20/assets/check-disabled.png Binary files differnew file mode 100644 index 0000000..5bf8705 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/check-disabled.png diff --git a/.themes/FlatColor/gtk-3.20/assets/check.png b/.themes/FlatColor/gtk-3.20/assets/check.png Binary files differnew file mode 100644 index 0000000..4a7496e --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/check.png diff --git a/.themes/FlatColor/gtk-3.20/assets/dash-disabled.png b/.themes/FlatColor/gtk-3.20/assets/dash-disabled.png Binary files differnew file mode 100644 index 0000000..0a20ac5 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/dash-disabled.png diff --git a/.themes/FlatColor/gtk-3.20/assets/dash.png b/.themes/FlatColor/gtk-3.20/assets/dash.png Binary files differnew file mode 100644 index 0000000..67692f6 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/dash.png diff --git a/.themes/FlatColor/gtk-3.20/assets/grid-selection-blank.png b/.themes/FlatColor/gtk-3.20/assets/grid-selection-blank.png Binary files differnew file mode 100644 index 0000000..268206f --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/grid-selection-blank.png diff --git a/.themes/FlatColor/gtk-3.20/assets/grid-selection.png b/.themes/FlatColor/gtk-3.20/assets/grid-selection.png Binary files differnew file mode 100644 index 0000000..e1b6f77 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/grid-selection.png diff --git a/.themes/FlatColor/gtk-3.20/assets/pane-separator-grip-vertical.png b/.themes/FlatColor/gtk-3.20/assets/pane-separator-grip-vertical.png Binary files differnew file mode 100644 index 0000000..79eb856 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/pane-separator-grip-vertical.png diff --git a/.themes/FlatColor/gtk-3.20/assets/pane-separator-grip.png b/.themes/FlatColor/gtk-3.20/assets/pane-separator-grip.png Binary files differnew file mode 100644 index 0000000..7217f0a --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/pane-separator-grip.png diff --git a/.themes/FlatColor/gtk-3.20/assets/radio-disabled.png b/.themes/FlatColor/gtk-3.20/assets/radio-disabled.png Binary files differnew file mode 100644 index 0000000..52c13ce --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/radio-disabled.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-dark.png Binary files differnew file mode 100644 index 0000000..95bfd07 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-dark@2.png Binary files differnew file mode 100644 index 0000000..ec82279 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-dark.png Binary files differnew file mode 100644 index 0000000..ab97a0e --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-dark@2.png Binary files differnew file mode 100644 index 0000000..f819ed3 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive-dark.png Binary files differnew file mode 100644 index 0000000..81154d1 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png Binary files differnew file mode 100644 index 0000000..7f2ca8c --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive.png Binary files differnew file mode 100644 index 0000000..f6b3db4 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive@2.png Binary files differnew file mode 100644 index 0000000..5922416 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above-insensitive@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above.png Binary files differnew file mode 100644 index 0000000..ab97a0e --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above@2.png Binary files differnew file mode 100644 index 0000000..f819ed3 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-above@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-dark.png Binary files differnew file mode 100644 index 0000000..9d4e31d --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-dark@2.png Binary files differnew file mode 100644 index 0000000..f364d0b --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive-dark.png Binary files differnew file mode 100644 index 0000000..2a992b0 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png Binary files differnew file mode 100644 index 0000000..0b90867 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive.png Binary files differnew file mode 100644 index 0000000..3fee8a5 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive@2.png Binary files differnew file mode 100644 index 0000000..79c9d7d --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below-insensitive@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below.png Binary files differnew file mode 100644 index 0000000..9d4e31d --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below@2.png Binary files differnew file mode 100644 index 0000000..f364d0b --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-horz-scale-has-marks-below@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-insensitive-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-insensitive-dark.png Binary files differnew file mode 100644 index 0000000..5dd862d --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-insensitive-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-insensitive-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-insensitive-dark@2.png Binary files differnew file mode 100644 index 0000000..3c40f47 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-insensitive-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-insensitive.png b/.themes/FlatColor/gtk-3.20/assets/slider-insensitive.png Binary files differnew file mode 100644 index 0000000..108e4ce --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-insensitive.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-insensitive@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-insensitive@2.png Binary files differnew file mode 100644 index 0000000..4b8264a --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-insensitive@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-dark.png Binary files differnew file mode 100644 index 0000000..9394375 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-dark@2.png Binary files differnew file mode 100644 index 0000000..9c064f1 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive-dark.png Binary files differnew file mode 100644 index 0000000..24c1397 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png Binary files differnew file mode 100644 index 0000000..d80457d --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive.png Binary files differnew file mode 100644 index 0000000..8a5cb25 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive@2.png Binary files differnew file mode 100644 index 0000000..30706e6 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above-insensitive@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above.png Binary files differnew file mode 100644 index 0000000..9394375 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above@2.png Binary files differnew file mode 100644 index 0000000..9c064f1 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-above@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-dark.png Binary files differnew file mode 100644 index 0000000..253edfe --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-dark@2.png Binary files differnew file mode 100644 index 0000000..f9b44ae --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive-dark.png Binary files differnew file mode 100644 index 0000000..f37e41f --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive-dark.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png Binary files differnew file mode 100644 index 0000000..bb42075 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive.png Binary files differnew file mode 100644 index 0000000..1fd9543 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive@2.png Binary files differnew file mode 100644 index 0000000..5ad1ab8 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below-insensitive@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below.png Binary files differnew file mode 100644 index 0000000..253edfe --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below@2.png b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below@2.png Binary files differnew file mode 100644 index 0000000..f9b44ae --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider-vert-scale-has-marks-below@2.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider.png b/.themes/FlatColor/gtk-3.20/assets/slider.png Binary files differnew file mode 100644 index 0000000..95bfd07 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider.png diff --git a/.themes/FlatColor/gtk-3.20/assets/slider@2.png b/.themes/FlatColor/gtk-3.20/assets/slider@2.png Binary files differnew file mode 100644 index 0000000..ec82279 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/assets/slider@2.png diff --git a/.themes/FlatColor/gtk-3.20/gnome-applications.css b/.themes/FlatColor/gtk-3.20/gnome-applications.css new file mode 100644 index 0000000..30bc746 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/gnome-applications.css @@ -0,0 +1,429 @@ +/*********************** + * fallback mode panel * + ***********************/ +PanelWidget, +PanelApplet, +PanelToplevel { + padding: 0; + background-color: @theme_bg_color; + background-image: none; + color: @theme_fg_color; +} + +PanelApplet { + border-width: 0; +} + +PanelSeparator { + border-width: 0; + background-color: @theme_bg_color; + background-image: none; + color: @theme_fg_color; +} + +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar, +PanelApplet > GtkMenuBar.menubar.menuitem, +PanelMenuBar.menubar, +PanelMenuBar.menubar.menuitem { + -Panelpanel-icon-visible: true; + + border-width: 0; + background-color: @theme_bg_color; + background-image: none; +} + +PanelAppletFrame { + border-width: 0; + background-color: @theme_bg_color; + background-image: none; +} + +PanelApplet .button { + -GtkButton-inner-border: 2; + + border-width: 0; + border-radius: 0; + border-color: transparent; + background-color: @theme_bg_color; + background-image: none; + color: @theme_fg_color; +} + +PanelApplet .button:active, +PanelApplet .button:active:prelight { + border-width: 0 ; + border-radius: 0; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +PanelApplet .button:prelight { + background-color: @theme_bg_color; + background-image: none; + color: shade(@theme_fg_color, 0.7); +} + +WnckPager, WnckTasklist { + background-color: @theme_bg_color; +} + +/************ + * nautilus * + ************/ +.nautilus-canvas-item { + border-radius: 0; +} + +.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; + border-style: none; +} + +NautilusWindow .sidebar .frame { + border-style: none; +} + +NautilusWindow > GtkGrid > .pane-separator, +NautilusWindow > GtkGrid > .pane-separator:hover { + border-width: 0; + border-style: none; + background-color: @theme_bg_color; +} + +NautilusNotebook.notebook tab { + padding: 0; +} + +NautilusNotebook .frame { + border-width: 0; +} + +NautilusQueryEditor .primary-toolbar.toolbar { + border-width: 0; +} + +NautilusQueryEditor .toolbar { + border-width: 0; +} + +NautilusQueryEditor .toolbar:nth-child(2) { + +} + +NautilusQueryEditor .toolbar:last-child, +NautilusQueryEditor .primary-toolbar.toolbar:only-child { + border-width: 0; +} + +/****************** + * gnome terminal * + ******************/ +VteTerminal { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +TerminalWindow GtkNotebook.notebook { + border-width: 0; +} + +TerminalWindow .scrollbars-junction, +TerminalWindow .scrollbar.trough { + +} + +TerminalWindow .scrollbar.button, +TerminalWindow .scrollbar.button:active, +TerminalWindow .scrollbar.button:active:hover { + +} + +TerminalWindow .scrollbar.slider { + +} + +TerminalWindow .scrollbar.slider:hover, +TerminalWindow .scrollbar.slider.vertical:hover { + +} + +TerminalWindow .scrollbar.slider:active, +TerminalWindow .scrollbar.slider.vertical:active { + +} + +/********* + * gedit * + *********/ +GeditWindow .pane-separator, +GeditWindow .pane-separator:hover { + border-width: 0; + border-style: none; + background-color: @theme_bg_color; +} + +GeditPanel.title GtkLabel { + padding: 4px 0; +} + +GeditPanel.vertical .title { + padding: 4px 0 4px 3px; + border-style: none; +} + +GeditPanel .toolbar { + border-style: none; + background-color: transparent; +} + +GeditDocumentsPanel .view { + background-color: @theme_base_color; +} + +GeditPanel.vertical .notebook { + padding: 0; + border-width: 0; +} + +GeditPanel.horizontal .notebook { + padding: 0; + border-width: 0; +} + +GeditWindow .notebook { + border-width: 0; +} + +GeditPanel .notebook tab, +GeditWindow .notebook tab { + border-width: 0; +} + +GeditStatusMenuButton { + color: @theme_fg_color; +} + +GeditStatusMenuButton.button, +GeditStatusMenuButton.button:hover, +GeditStatusMenuButton.button:active, +GeditStatusMenuButton.button:active:hover { + border-image: none; + color: @theme_fg_color; +} + +GeditStatusMenuButton.button:hover, +GeditStatusMenuButton.button:active, +GeditStatusMenuButton.button:active:hover { + +} + +GeditStatusMenuButton.button:active { + +} + +GeditViewFrame .gedit-search-slider { + padding: 4px; + border-width: 0; + border-style: none; + background-color: @theme_bg_color; +} +GeditViewFrame .gedit-search-slider .entry { + padding: 6px 6px 7px 6px; +} +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: shade(@theme_selected_bg_color, 1.2); + color: @theme_selected_fg_color; +} + +GeditFileBrowserWidget .primary-toolbar.toolbar { + padding: 2px; + border: none; + background-color: @theme_bg_color; + background-image: none; +} + +.gedit-search-entry-occurrences-tag { + color: @theme_text_color; + margin: 2px; + padding: 2px; +} +/*************** + * font-viewer * + ***************/ +SushiFontWidget { + padding: 6px 12px; +} + +/************* + * gucharmap * + *************/ +GucharmapChartable { + background-color: @theme_base_color; +} + +GucharmapChartable:active, +GucharmapChartable:focus, +GucharmapChartable:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/* gnome-documents */ +.documents-dropdown, +.documents-dropdown .view { + background-color: @theme_bg_color; +} + +.documents-dropdown.frame { + padding: 6px; + border-width: 0; + border-style: none; +} +.documents-dropdown .view.radio, +.documents-dropdown .view.radio:focus { + background-image: url("assets/blank.png");; + background-color: transparent; +} + +.documents-dropdown .view.radio:active, +.documents-dropdown .view.radio:active:focus, +.documents-dropdown .view.radio:active:hover, +.documents-dropdown .view.radio:hover { + background-color: transparent; + background-image: url("assets/radio-checked.png"); +} + +.documents-entry-tag { + background-color: transparent; + color: @theme_text_color; + border-width: 0; + + margin: 2px; + padding: 4px; +} + +.documents-entry-tag:hover { + +} + +.documents-entry-tag.button, +.documents-entry-tag.button:focus, +.documents-entry-tag.button:hover, +.documents-entry-tag.button:hover:focus, +.documents-entry-tag.button:active, +.documents-entry-tag.button:active:focus { + background-color: transparent; + border-style: none; + box-shadow: none; + border-width: 0; + +} + +/* epiphany */ + + + +/* evince */ + +/********************* + * NEMO File manager * + *********************/ +/* for breadcrumbs path bar */ + +.nemo-pathbar-button, +NemoPathbarButton { + border-radius: 0; + border-width: 1px; + border-style: solid; + border-color: @theme_bg_color; + background-color: @theme_base_color; + color: @theme_text_color; + background-image: none; + border-image: none; +} +NemoPathbarButton:active { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} +NemoPathbarButton:active:hover { + background-color: shade(@theme_selected_bg_color, 1.05); + color: @theme_selected_fg_color; +} +NemoPathbarButton:hover { + background-color: @theme_base_color; + color: shade(@theme_fg_color, 0.7); +} + +NemoPathbarButton:insensitive { + background-color: shade(@theme_bg_color, 1.04); + background-image: none; + color: mix(@theme_text_color, @theme_base_color, 0.4); +} +NemoPathbarButton *:insensitive { + + color: mix(@theme_text_color, @theme_base_color, 0.4); +} + +/* For Places Sidebar diskfull indicators */ + +NemoPlacesTreeView { + -NemoPlacesTreeView-disk-full-bg-color: shade(@theme_bg_color, 0.93); + -NemoPlacesTreeView-disk-full-fg-color: @theme_selected_bg_color; +} + +NemoPlacesTreeView:selected { + -NemoPlacesTreeView-disk-full-bg-color: shade(@theme_bg_color, 0.93); + -NemoPlacesTreeView-disk-full-fg-color: shade(@theme_bg_color, 0.5); +} + +NemoPlacesTreeView:hover { +} + +NemoPlacesTreeView:selected:hover { +} + + +NemoWindow * { + +} + +NemoWindow .view { + background-color: @theme_base_color; +} + +NemoWindow .rubberband, +NemoWindow .view.rubberband { + background-color: alpha (@theme_selected_bg_color, 0.3); +} +/* inactive pane */ + +.nemo-inactive-pane .view { + background-color: shade(@theme_bg_color, 1.03); +} diff --git a/.themes/FlatColor/gtk-3.20/gtk-widgets.css b/.themes/FlatColor/gtk-3.20/gtk-widgets.css new file mode 100644 index 0000000..f87c5e5 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/gtk-widgets.css @@ -0,0 +1,913 @@ +/* NOTES to contributors: + * use 4 spaces indents, and keep code ALIGNED and ORDERED */ +/* default */ + +* { + background-clip: padding-box; + -GtkArrow-arrow-scaling: 0.55; + -GtkHTML-link-color: @theme_selected_bg_color; + -GtkIMHtml-hyperlink-color: @theme_selected_bg_color; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkTextView-error-underline-color: @error_color; + -GtkToolButton-icon-spacing: 6; + -GtkToolItemGroup-expander-size: 10; + -GtkTreeView-expander-size: 10; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + /*-GtkWidget-horizontal-separator: 0;*/ + + -GtkWidget-vertical-separator: 0; + outline-color: transparent; + outline-style: none; + outline-offset: 2px; +} + +/*************** + * base states * + ***************/ + +.background { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +.background.client-decorated { + background-color: transparent; +} + +.background.window-content { + background-color: @theme_bg_color; +} + +GtkClutterOffscreen { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +*:selected, +*:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +*:active { + background-color: shade(@theme_bg_color, 1.00); +} + +*:disabled, +*:disabled:disabled { + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +/* apply effects to disabled and prelit images */ + +*:disabled { + -gtk-icon-effect: dim; +} + +*:hover { + -gtk-icon-effect: highlight; +} + +.gtkstyle-fallback { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +.gtkstyle-fallback:hover { + background-color: shade(@theme_bg_color, 1.1); + color: @theme_fg_color; +} + +.gtkstyle-fallback:active { + background-color: shade(@theme_bg_color, 0.9); + color: @theme_fg_color; +} + +.gtkstyle-fallback:disabled { + background-color: shade(shade(@theme_bg_color, 0.95), 1.05); + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/************* + * assistant * + *************/ + +GtkAssistant .sidebar .highlight { + background-color: @theme_selected_bg_color; +} + +GtkAssistant .sidebar { + padding: 0px; + border-width: 0; + border-style: none; + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +/*********************** +! Font and file choosers +************************/ + +GtkFontButton .separator, +GtkFileChooserButton .separator { + /* always disable separators */ + + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; +} + +placessidebar>viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 2px; + padding: 5px; +} + +placessidebar row>revealer { + padding: 0 5px; +} + +placessidebar row:selected { + color: @theme_selected_fg_color; +} + +placessidebar row:disabled { + color: shade(@theme_selected_bg_color, 0.32); +} + +placessidebar row image.sidebar-icon { + opacity: 0.6; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +button.sidebar-button { + min-height: 8px; + min-width: 24px; + margin-top: 0; + margin-bottom: 0; + padding: 0; + border-radius: 0%; + -gtk-outline-radius: 0%; +} + +placessidebar row.sidebar-placeholder-row { + min-height: 2px; + padding: 0 2px; + background-color: @theme_selected_bg_color; + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: @theme_selected_bg_color; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 0 0 2px @theme_selected_bg_color; +} + +/**************** + * content view * + ****************/ + +.content-view.view { + background-color: @theme_base_color; +} + +.content-view.view:hover { + background-color: alpha(@theme_selected_bg_color, 0.3); +} + +.content-view.view:selected, +.content-view.view:active { + background-color: @theme_selected_bg_color; +} + +.content-view.view:disabled { + background-color: @entry_border_color; +} + +GdMainIconView.content-view { + -GdMainIconView-icon-size: 40; +} + +GtkIconView.content-view.check { + background-color: transparent; +} + +GtkIconView.content-view.check:active { + background-color: transparent; +} + +.content-view.view.check, +.content-view.view.check:active { + background-color: transparent; +} + +GtkIconView.content-view.check:hover, +GtkIconView.content-view.check:disabled, +GtkIconView.content-view.check:selected { + background-color: transparent; +} + +/**************** + * drawing area * + ****************/ + +GtkDrawingArea { + background-color: transparent; +} + +GtkDrawingArea:disabled { + background-color: @entry_border_color; +} + +/*********** + * gtkhtml * + ***********/ + +GtkHTML { + background-color: @theme_base_color; + color: @theme_text_color; +} + +/************ + * expander * + ************/ + +.expander { + color: alpha(@theme_fg_color, 0.7); +} + +.expander:hover { + color: alpha(@theme_fg_color, 0.9); +} + +/********* + * frame * + *********/ + +frame { + border-radius: 3px; +} + +frame.border-groove, +frame.border-ridge { + border-radius: 3px; + border-width: 0px; + border-style: none; +} + +frame.border-groove border, +frame.border-ridge border { + border-radius: 3px; + border-width: 3px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.9); +} + +/******************* + * scrolled window * + *******************/ + +scrolledwindow.frame { + border-radius: 3px; + border-width: 0; + border-style: none; +} + +/* avoid double borders when a viewport is + * packed into a GtkScrolledWindow */ + +scrolledwindow.shortcuts-pane.sidebar treeview { + background-color: @theme_bg_color; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +/************ + * iconview * + ************/ + +GtkIconView.view.cell:selected, +GtkIconView.view.cell:selected:focus { + border-width: 3px; + border-style: solid; + border-color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +.content-view.view.rubberband, +.view.rubberband, +.rubberband { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + background-color: alpha(@theme_selected_bg_color, 0.3); +} + +/********* + * image * + *********/ + +GtkImage, +GtkImage:active, +GtkImage:disabled { + background-color: transparent; +} + +/********* + * label * + *********/ + +GtkLabel, +GtkLabel:active, +GtkLabel:disabled { + background-color: transparent; +} + +/******************* + * symbolic images * + *******************/ + +.image, +.view.image { + color: alpha(@theme_fg_color, 0.5); +} + +.image:hover, +.view.image:hover { + color: @theme_fg_color; +} + +.image:selected, +.image:selected:hover, +.view.image:selected, +.view.image:selected:hover { + color: @theme_selected_fg_color; +} + +/***************** + * miscellaneous * + *****************/ + +.floating-bar { + border-width: 3px; + border-style: none; + background-color: @theme_bg_color; + background-image: none; + color: @theme_fg_color; +} + +.floating-bar.top {} + +.floating-bar.right {} + +.floating-bar.bottom {} + +.floating-bar.left {} + +.floating-bar .button, +.floating-bar .button:focus { + border-style: none; + background-color: transparent; + background-image: none; +} + +.view.dim-label, +.dim-label { + color: alpha(currentColor, 0.6); +} + +.dnd { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); +} + +.grip { + background-color: transparent; +} + +.arrow { + color: alpha(@theme_fg_color, 0.7); +} + +.arrow:disabled { + color: alpha(@theme_fg_color, 0.4); +} + +/****************** + * pane separator * + ******************/ + +.pane-separator { + background-color: transparent; + color: transparent; +} + +/************* + * statusbar * + *************/ + +statusbar { + color: @theme_fg_color; + background-color: @theme_bg_color; +} + +/************* + * popover * + *************/ + +popover.menu, +popover.background { + background-color: @theme_bg_color; + border: 4px solid @theme_selected_bg_color; + background-clip: border-box; + padding: 5px 5px; +} + +popover label { + padding: 0px 5px; +} + +popover modelbutton { + padding: 5px 5px; +} + +popover modelbutton:hover { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +popover modelbutton:active { + background-color: shade(@theme_selected_bg_color, 0.9); + color: @theme_selected_fg_color; +} + +/************ + * textview * + ************/ + +.view text, +iconview text, +textview text { + background-color: @base_color; + color: @theme_fg_color; +} + +.view text:disabled, +iconview text:disabled, +textview text:disabled { + color: rgba(0, 0, 0, 0.32); +} + +textview text:selected { + background-color: @theme_selected_bg_color; +} + +textview border { + background-color: @theme_selected_bg_color; + background-image: image(rgba(0, 0, 0, 0.1)); + background-repeat: no-repeat; + color: rgba(0, 0, 0, 0.48); +} + +textview border.bottom { + background-size: 100% 1px; + background-position: top; +} + +textview border.top { + background-size: 100% 1px; + background-position: bottom; +} + +textview border.left { + background-size: 1px 100%; + background-position: right; +} + +textview border.right { + background-size: 1px 100%; + background-position: left; +} + +/* this affects the text view that caused me so much trouble in the past*/ + +.view:selected, +iconview:selected, +.view text selection, +iconview text selection, +textview text selection, +flowbox flowboxchild:selected, +spinbutton:not(.vertical) selection, +/* notebook > stack:not(:only-child) revealer entry selection, */ +/* notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) selection, */ +entry selection, +modelbutton.flat:selected, +popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, +row:selected, +calendar:selected { + background-color: @theme_selected_bg_color; +} + +row:selected label, +label:selected, +.view:selected, +iconview:selected, +.view text selection, +iconview text selection, +textview text selection, +flowbox flowboxchild:selected, +spinbutton:not(.vertical) selection, +/* notebook > stack:not(:only-child) revealer entry selection, */ +/* notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) selection, */ +entry selection, +modelbutton.flat:selected, +popover.background checkbutton:selected, +popover.background radiobutton:selected, +.menuitem.button.flat:selected, +row:selected, +calendar:selected { + color: @theme_selected_fg_color; +} + +row:selected label:disabled, +label:disabled:selected, +.view:disabled:selected, +iconview:disabled:selected, +.view text selection:disabled, +iconview text selection:disabled, +textview text selection:disabled, +flowbox flowboxchild:disabled:selected, +label:disabled selection, +spinbutton:not(.vertical) selection:disabled, +/* notebook > stack:not(:only-child) revealer entry selection:disabled, */ +/* notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) selection:disabled, */ +entry selection:disabled, +modelbutton.flat:disabled:selected, +popover.background checkbutton:disabled:selected, +popover.background radiobutton:disabled:selected, +.menuitem.button.flat:disabled:selected, +row:disabled:selected, +calendar:disabled:selected { + color: shade(@theme_selected_fg_color, 0.4); +} + +/************ + * Tooltips * + ************/ + +tooltip { + border-radius: 2px; + box-shadow: none; +} + +tooltip.background { + background-color: @tooltip_bg_color; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip label { + min-height: 20px; + padding: 4px 6px; +} + +tooltip * { + padding: 0; + background-color: transparent; + color: inherit; +} + +/************** + * Tree Views * + **************/ + +treeview.view { + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: alpha(currentColor, 0.3); + border-top-color: rgba(0, 0, 0, 0.1); +} + +treeview.view:hover, +treeview.view:active, +treeview.view:selected { +} + +treeview.view.separator { + min-height: 5px; + color: rgba(0, 0, 0, 0.1); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: @theme_selected_bg_color; +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: @theme_fg_color; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view.expander:checked { + -gtk-icon-transform: unset; +} + +treeview.view.expander:hover, +treeview.view.expander:active { + color: shade(@theme_selected_bg_color, 0.8); +} + +treeview.view.expander:disabled { + color: shade(@theme_selected_bg_color, 0.24); +} + +treeview.view.expander:selected { + color: @theme_selected_fg_color; +} + +treeview.view.expander:selected:hover, +treeview.view.expander:selected:active { + color: @theme_selected_fg_color; +} + +treeview.view.expander:selected:disabled { + color: @theme_selected_fg_color; +} + +treeview.view.progressbar { + border-style: none none solid; + border-width: 21px; + border-color: @theme_selected_bg_color; + background-color: transparent; + background-image: none; +} + +treeview.view.progressbar:selected { + border-color: shade(@theme_selected_bg_color, 0.3); +} + +treeview.view.trough { + border-style: none none solid; + border-width: 21px; + border-color: shade(@theme_selected_bg_color, 0.3); + background-color: transparent; + background-image: none; +} + +treeview.view.trough:selected { + border-color: alpha(@theme_selected_bg_color, 0.3); +} + +treeview.view header button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.1); + background-clip: border-box; +} + +treeview.view header button, +treeview.view header button:hover, +treeview.view header button:active { + box-shadow: none; +} + +treeview.view header button, +treeview.view header button:disabled { + background-color: shade(@theme_bg_color, 1.2); +} + +treeview.view header button:last-child { + border-right-style: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.1); + box-shadow: none; + background-color: @theme_bg_color; + background-clip: border-box; + color: @theme_selected_bg_color; +} + +/************ + * viewport * + ************/ + +GtkViewport.frame { + border-width: 0; +} + +.view { + background-color: @theme_base_color; + color: @theme_text_color; +} + +.view:disabled, +.view:disabled:disabled { + background-color: shade(@theme_bg_color, 1.04); + background-image: none; + color: mix(@theme_text_color, @theme_base_color, 0.4); +} + +.view:selected, +.view:selected:focus { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +/********************* + * app notifications * + *********************/ + +.app-notification { + border-style: none; + border-width: 0 1px 1px 1px; + padding: 8px; + background-color: @theme_base_color; + background-image: none; + color: @theme_text_color; +} + +/****************************** + * destructive action buttons * + ******************************/ + +.destructive-action.button { + border-width: 1px; + border-style: solid; + border-color: transparent; + background-color: @error_color; + background-image: none; + color: mix(@theme_selected_fg_color, @error_color, 0.1); +} + +.destructive-action.button:hover { + border-color: transparent; + background-color: shade(@error_color, 1.12); + background-image: none; +} + +.destructive-action.button:active { + border-color: transparent; + background-color: shade(@error_color, 0.87); + background-image: none; +} + +.destructive-action.button:hover:active { + border-color: transparent; +} + +/************** + * List boxes * + **************/ + +EggListBox { + background-color: @theme_base_color; +} + +EggListBox:hover { + background-color: mix(white, @theme_selected_bg_color, 0.05); +} + +EggListBox:selected { + background-color: @theme_selected_bg_color; +} + +list { + background-color: @theme_base_color; +} + +list.row:hover { + background-color: shade(@selected_bg_color, 0.9); + color: @fg_color; +} + +list.row:active, +list.row:active:hover, +list.row:checked { + color: @fg_color; + background-color: shade(@selected_bg_color, 0.83); +} + +/************************* + * touch text selections * + *************************/ + +GtkBubbleWindow { + background-color: @theme_tooltip_bg_color; + background-clip: border-box; + padding: 10px; +} + +GtkBubbleWindow.osd.background { + background-color: @theme_tooltip_bg_color; +} + +GtkBubbleWindow .toolbar { + background-color: @theme_tooltip_bg_color +} + +/********************** + * Window Decorations * + *********************/ + +decoration { + transition: box-shadow 0.3s cubic-bezier(0, 0, 0.2, 1); + border-radius: 2px 2px 0 0; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; + margin: 8px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; +} + +.fullscreen decoration, +.tiled decoration { +} + +.popup decoration { + box-shadow: none; +} + +.ssd decoration { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); +} + +.csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + +tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + +messagedialog.csd decoration { + border-radius: 2px; +} + +.solid-csd decoration { + margin: 4px; + box-shadow: none; + background-color: @theme_tooltip_bg_color; +}
\ No newline at end of file diff --git a/.themes/FlatColor/gtk-3.20/gtk.css b/.themes/FlatColor/gtk-3.20/gtk.css new file mode 100644 index 0000000..335f8ae --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/gtk.css @@ -0,0 +1,108 @@ +/* Default color scheme */ +@define-color color0 #071318; +@define-color color1 #E65629; +@define-color color2 #F55227; +@define-color color3 #E5724F; +@define-color color4 #EE8B69; +@define-color color5 #6C7888; +@define-color color6 #9D7E87; +@define-color color7 #b2bac2; +@define-color color8 #7c8287; +@define-color color9 #E65629; +@define-color color10 #F55227; +@define-color color11 #E5724F; +@define-color color12 #EE8B69; +@define-color color13 #6C7888; +@define-color color14 #9D7E87; +@define-color color15 #b2bac2; +@define-color selected_bg_color #EE8B69; +@define-color bg_color @color0; +@define-color tooltip_bg_color @color0; +@define-color base_color @color1; +@define-color fg_color @color15; +@define-color text_color @color15; +@define-color text_color_disabled mix(@text_color, @base_color, 0.4); +@define-color selected_fg_color @color1; +@define-color tooltip_fg_color @color15; + +/* 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 shadow alpha(@theme_fg_color, 0.1); + +/* misc colors used by gtk+ */ +@define-color info_fg_color @text_color; +@define-color info_bg_color @bg_color; +@define-color warning_fg_color @text_color; +@define-color warning_bg_color @bg_color; +@define-color question_fg_color @text_color; +@define-color question_bg_color @theme_selected_bg_color; +@define-color error_fg_color @text_color; +@define-color error_bg_color #f52400; +@define-color link_color mix (@theme_selected_bg_color, black, 0.15); +@define-color success_color #53a93f; +@define-color warning_color #f57900; +@define-color error_color #f52400; + +/* widget colors*/ +@define-color border_color shade(@theme_selected_bg_color, 0.2); +@define-color button_normal_color shade(@theme_bg_color, 1.20); +@define-color button_info_color @theme_selected_bg_color; +@define-color button_default_active_color @theme_selected_bg_color; +@define-color entry_border_color shade(@theme_base_color, 0.9); +@define-color frame_border_bottom_color shade(@bg_color, 0.8); +@define-color sel_color shade(@theme_selected_bg_color, 0.857); +@define-color switch_bg_color shade(@bg_color, 0.8); +@define-color panel_bg_color @bg_color; +@define-color panel_fg_color @fg_color; +@define-color borders shade(@theme_selected_bg_color, 0.857); +@define-color scrollbar_trough shade(@theme_base_color, 0.9); +@define-color scrollbar_slider_prelight mix(@scrollbar_trough, @theme_fg_color, 0.5); + + +/* osd */ +@define-color osd_separator #49525B; +@define-color osd_fg #ABB4BD; +@define-color osd_bg #434A54; + +/* window manager colors */ +@define-color wm_bg @theme_bg_color; +@define-color wm_title_focused @theme_fg_color; +@define-color wm_title_unfocused @theme_text_color; +@define-color wm_border_focused @border_color; +@define-color wm_border_unfocused @border_color; + +@import url("gtk-widgets.css"); +@import url("unity.css"); +@import url("widgets/button.css"); +@import url("widgets/cell-row.css"); +@import url("widgets/check-radio.css"); +@import url("widgets/column-header.css"); +@import url("widgets/calendar.css"); +@import url("widgets/entry.css"); +@import url("widgets/infobar.css"); +@import url("widgets/menu.css"); +@import url("widgets/notebook.css"); +@import url("widgets/progress-scale.css"); +@import url("widgets/scrollbar.css"); +@import url("widgets/separator.css"); +@import url("widgets/sidebar.css"); +@import url("widgets/chrome.css"); +@import url("widgets/spinbutton.css"); +@import url("widgets/spinner.css"); +@import url("widgets/switch.css"); +@import url("widgets/color-chooser.css"); +@import url("widgets/toolbar.css"); +@import url("widgets/header-bar.css"); +@import url("widgets/osd.css"); +@import url("widgets/csd.css"); +@import url("widgets/combobox.css"); +@import url("widgets/selection-mode.css"); diff --git a/.themes/FlatColor/gtk-3.20/settings.ini b/.themes/FlatColor/gtk-3.20/settings.ini new file mode 100644 index 0000000..bdf313d --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/settings.ini @@ -0,0 +1,7 @@ +[Settings] +gtk-color-scheme = "base_color:#ffffff\nbg_color:#ECEDEE\ntooltip_bg_color:#dddedf\nselected_bg_color:#33CBBF\ntext_color:#78797A\nfg_color:#6A6B6C\ntooltip_fg_color:#595a5b\nselected_fg_color:#ffffff" +gtk-auto-mnemonics = 1 +gtk-visible-focus = automatic +gtk-button-images = 0 +gtk-menu-images = 0 + diff --git a/.themes/FlatColor/gtk-3.20/unity.css b/.themes/FlatColor/gtk-3.20/unity.css new file mode 100644 index 0000000..8b0316a --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/unity.css @@ -0,0 +1,68 @@ +UnityPanelWidget, +.unity-panel { + border-width: 0 0 0px 0; + border-style: solid; + border-color: @theme_bg_color; + background-color: @theme_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +.unity-panel.menubar, +.unity-panel .menubar { +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: @theme_selected_fg_color; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-color: @theme_selected_bg_color; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} + +SheetStyleDialog.unity-force-quit { + background-color: @theme_bg_color; +} + + +/* This will theme the top decoration, so the whole space above the window */ +UnityDecoration.top { + border: 0px solid shade (@theme_bg_color, 0.5); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; /* Corner radius, only the top ones should be */ + padding: 1px 8px 0 8px; /* This padding will be applied to the content of the top layout */ + background-color: @theme_bg_color; /* Decoration background */ + color: @theme_fg_color; /* The foreground color will be used to paint the text */ + text-shadow: none; + box-shadow: none; +} + +/* Top decoration for inactive windows */ +UnityDecoration.top:backdrop { + border: 0px solid @theme_bg_color; + border-bottom-width: 0; + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +/* Left decoration, it themes only the space at the left of the window */ +UnityDecoration.left, +/* Right decoration, it themes only the space at the right of the window */ +UnityDecoration.right, +/* Bottom decoration, it themes all the space below the window */ +UnityDecoration.bottom { + background-color: @theme_bg_color; +} + +/* Left, right and bottom decorations themes for inactive windows */ +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-color: @theme_bg_color; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/button.css b/.themes/FlatColor/gtk-3.20/widgets/button.css new file mode 100644 index 0000000..e9a293b --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/button.css @@ -0,0 +1,68 @@ +/********** + * button * + **********/ +button { + padding: 4px 4px; + margin: 2px; + border-width: 2px; + border-style: solid; + border-color: @button_normal_color; + border-radius: 5px; + background-color: @button_normal_color; + color: @text_color; + background-repeat: no-repeat; + background-position: center; + box-shadow: 0 2.5px 4.5px @shadow; +} + +button:focus { + color: @fg_color; + box-shadow: 0 2.5px 4.5px @shadow , + inset 0 0 0 2px alpha(@selected_bg_color, 0.5); +} + +button:active, +button.toggle:checked { + color: @fg_color; + background-color: shade(@selected_bg_color, 0.83); + border-color: shade(@selected_bg_color, 0.83); + /*box-shadow: 0 1px 1px @shadow , + inset 0 0 0 2px alpha(@fg_color, 0.25);*/ + box-shadow: 0 1px 1px @shadow; +} + +button:hover { + box-shadow: 0 2.5px 4.5px @shadow , + inset 0 0 0 2px @selected_bg_color; + transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + color: @fg_color; +} + +button:active:hover, +button.toggle:checked:hover { + box-shadow: 0 2.5px 4.5px @shadow , + inset 0 0 0 2px alpha(@fg_color, 0.5); + transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + color: @fg_color; +} + +button:disabled { + background-color: mix(@color8, @color0, 0.40); + background-image: none; + color: mix(@text_color, @color0, 0.40); +} + +button:active:disabled {} + +GtkLinkButton.button, +GtkLinkButton.button:focus, +GtkLinkButton.button:hover, +GtkLinkButton.button:active, +GtkLinkButton.button:focus:active, +GtkLinkButton.button:focus:hover {} + +button.radio:checked { + color: @fg_color; + background-color: shade(@selected_bg_color, 0.83); + border-color: shade(@selected_bg_color, 0.83); +}
\ No newline at end of file diff --git a/.themes/FlatColor/gtk-3.20/widgets/calendar.css b/.themes/FlatColor/gtk-3.20/widgets/calendar.css new file mode 100644 index 0000000..6e09c93 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/calendar.css @@ -0,0 +1,35 @@ +/************ + * Calendar * + ***********/ +calendar { + padding: 1px; + border: 2px solid @bg_color; + border-radius: 4px; + color: @selected_fg_color; +} + +calendar:disabled { + color: shade(@selected_fg_color, 0.8) ; +} + +calendar:selected { + border-radius: 0px; +} + +calendar.header { + border: none; + background-color: @tooltip_bg_color; + border-radius: 3px; +} + +calendar:indeterminate { + color: alpha(currentColor, 0.4); +} + +calendar.highlight { + background-color: alpha(@selected_bg_color, 0.1); + color: @selected_fg_color; + font-weight: 100; + border-radius: 3px; + padding: 2px +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/cell-row.css b/.themes/FlatColor/gtk-3.20/widgets/cell-row.css new file mode 100644 index 0000000..c763c25 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/cell-row.css @@ -0,0 +1,25 @@ +/**************** + * cell and row * + ****************/ +.cell { + border-width: 0; + border-radius: 0px; +} + +.cell:selected, +.cell:selected:focus { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +row:selected, +row:selected:hover, +row:selected:focus { + border-width: 0; + border-style: none; + border-radius: 0; + background-color: @selected_bg_color; + background-image: none; + color: @selected_fg_color; + +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/check-radio.css b/.themes/FlatColor/gtk-3.20/widgets/check-radio.css new file mode 100644 index 0000000..ab651cc --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/check-radio.css @@ -0,0 +1,116 @@ +/************************* + * Check and Radio items * + *************************/ + +check, +radio { + color: alpha(currentColor, 0.75); + background-color: @base_color; + margin-right: 5px; +} + +check { + border-radius: 3px; +} + +radio { + border-radius: 10px; +} + +check:disabled, +radio:disabled { + background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); +} + +check:hover, +check:active, +radio:hover, +radio:active { + background-color: shade(@selected_bg_color, 0.5); +} + +check:checked, +check:checked:disabled, +radio:checked, +radio:checked:disabled { + background-color: shade(@selected_bg_color, 0.9); +} + +check:checked, +check:indeterminate, +radio:checked, +radio:indeterminate { + background-color: shade(@selected_bg_color, 0.9); + color: shade(@bg_color, 0.8); +} + +check:checked:disabled, +check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: shade(@bg_color, 0.4); +} + +check:only-child, +radio:only-child {} + +menu menuitem check, +menu menuitem radio { + transition: none; +} + +menu menuitem check:not(:checked):not(:indeterminate):hover, +menu menuitem radio:not(:checked):not(:indeterminate):hover { + color: alpha(currentColor, 0.75); +} + +menu menuitem check, +menu menuitem check:hover, +menu menuitem check:disabled, +menu menuitem radio, +menu menuitem radio:hover, +menu menuitem radio:disabled { + margin: 0; + padding: 0; +} + +menu menuitem check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check.png")); +} + +check:checked { + -gtk-icon-source: -gtk-recolor(url("../assets/check.png")); +} + +check:checked:disabled { + -gtk-icon-source: -gtk-recolor(url("../assets/check-disabled.png")); +} + +radio:checked { + -gtk-icon-source: -gtk-recolor(url("../assets/bullet.png")); +} + +radio:checked:disabled { + -gtk-icon-source: -gtk-recolor(url("../assets/bullet-disabled.png")); +} + +check:indeterminate, +check:indeterminate:checked, +radio:indeterminate, +radio:indeterminate:checked { + -gtk-icon-source: -gtk-recolor(url("../assets/dash.png")); +} + +check:indeterminate:disabled, +check:indeterminate:checked:disabled, +radio:indeterminate:disabled, +radio:indeterminate:checked:disabled { + -gtk-icon-source: -gtk-recolor(url("../assets/dash-disabled.png")); +} + +menu menuitem check:not(:indeterminate):checked, +menu menuitem radio:not(:indeterminate):checked, +menu menuitem check:indeterminate:checked, +menu menuitem radio:indeterminate:checked { + animation: none; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/chrome.css b/.themes/FlatColor/gtk-3.20/widgets/chrome.css new file mode 100644 index 0000000..5bf2bdf --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/chrome.css @@ -0,0 +1,16 @@ +entry.chromium { + color: @selected_fg_color; + background-color: @selected_bg_color; +} + +menu.chromium { + background-color: @theme_bg_color; + color: @theme_fg_color; + border: none 0px; +} + +window.background.chromium { + border: none 0px; + background-color: @selected_bg_color; + color: @theme_fg_color; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/color-chooser.css b/.themes/FlatColor/gtk-3.20/widgets/color-chooser.css new file mode 100644 index 0000000..7c9c2b5 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/color-chooser.css @@ -0,0 +1,114 @@ +/***************** + * color chooser * + *****************/ +GtkColorSwatch, +GtkColorSwatch:selected { + border-width: 4px; + border-style: solid; + border-radius: 0; + border-color: @bg_color; + background-color: transparent; + transition: all 200ms ease-out; +} + +GtkColorSwatch:hover, +GtkColorSwatch:selected:hover { + border-width: 0; + border-radius: 0; + border-color: @bg_color; + transition: all 200ms ease-in; +} + +GtkColorSwatch.color-dark:hover { +} + +GtkColorSwatch.color-light:hover { +} + +GtkColorSwatch.color-light:selected:hover, +GtkColorSwatch.color-dark:selected:hover { + background-image: none; +} + +GtkColorSwatch.left, +GtkColorSwatch:first-child { + +} + +GtkColorSwatch.right, +GtkColorSwatch:last-child { + +} + +GtkColorSwatch:only-child { + +} + +GtkColorSwatch.top { + +} + +GtkColorSwatch.bottom { + +} + +GtkColorChooserWidget #add-color-button { + transition: all 100ms ease-out; + border-color: @entry_border_color; + border-width: 1px; + border-style: none; + border-radius: 0; + background-color: @base_color; + color: @text_color_disabled +} + +GtkColorChooserWidget #add-color-button:hover { + transition: all 100ms ease-in; + border-color: @selected_bg_color; + border-width: 1px; + border-style: none; + border-radius: 0; + background-color: @base_color; + color: @fg_color; +} + +.color-active-badge, +.color-active-badge:selected { + border-width: 1px; + border-style: solid; + border-width: 0; + background-color: transparent; +} + +.color-active-badge.color-light, +.color-active-badge.color-light:hover { + border-color: alpha(black, 0.3); + color: alpha(black, 0.3); +} + +.color-active-badge.color-dark, +.color-active-badge.color-dark:hover { + border-color: alpha(white, 0.3); + color: alpha(white, 0.3); +} + +GtkColorEditor GtkColorSwatch { + border-width: 4px; + border-style: solid; + border-radius: 0; + border-color: @bg_color; + background-color: transparent; + transition: all 200ms ease-out; +} + +GtkColorEditor GtkColorSwatch.color-dark:hover, +GtkColorEditor GtkColorSwatch.color-light:hover { + border-width: 0; + border-radius: 0; + border-color: @bg_color; + transition: all 200ms ease-in; +} + +GtkColorButton.button { + padding: 6px; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/column-header.css b/.themes/FlatColor/gtk-3.20/widgets/column-header.css new file mode 100644 index 0000000..d6d9488 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/column-header.css @@ -0,0 +1,52 @@ +/***************** + * column-header * + *****************/ +column-header.button, +column-header.button:active, +column-header .button, +column-header .button:active { + font-weight: bold; + border-width: 0; + border-radius: 0; +} +column-header.button, +column-header.button:active, +column-header.button:focus, +column-header.button:active:focus, +column-header .button, +column-header .button:active, +column-header .button:focus, +column-header .button:active:focus { + box-shadow: none; + background-color: inherit; + background-image: none; +} +column-header.button:hover, +column-header.button:active:hover, +column-header.button:hover:focus, +column-header.button:active:hover:focus, +column-header .button:hover, +column-header .button:active:hover, +column-header .button:hover:focus, +column-header .button:active:hover:focus { + box-shadow: none; + background-color: inherit; + background-image: none; +} +column-header:last-child.button, +column-header:last-child .button { + +} +column-header.button, +column-header .button, +column-header.button:focus, +column-header .button:focus { + background-color: @tooltip_bg_color; + color: shade(@text_color, 1.1); +} +column-header.button:active, +column-header .button:active, +column-header.button:active:focus, +column-header .button:active:focus { + background-color: @tooltip_bg_color; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/combobox.css b/.themes/FlatColor/gtk-3.20/widgets/combobox.css new file mode 100644 index 0000000..2df153a --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/combobox.css @@ -0,0 +1,47 @@ +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +combobox menu, +combobox .menu { + padding: 2px 0; +} + +combobox menu menuitem, +combobox .menu menuitem { + min-height: 28px; + padding: 0 10px; +} + +combobox menu menuitem:hover { + background-color: @selected_bg_color; +} + +combobox:drop(active) { + box-shadow: none; +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-radius: 3px 0 0 3px; + margin-right: 1px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-radius: 0 3px 3px 0; + margin-left: 1px; +} + +.linked:not(.vertical) > combobox:not(:first-child):not(:last-child) > box > button.combo { + border-radius: 0; + margin-left: 1px; + margin-right: 1px; +} + +.linked:not(.vertical) > combobox > box > button.combo { + border-radius: 0; +}
\ No newline at end of file diff --git a/.themes/FlatColor/gtk-3.20/widgets/csd.css b/.themes/FlatColor/gtk-3.20/widgets/csd.css new file mode 100644 index 0000000..0d1fd61 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/csd.css @@ -0,0 +1,125 @@ +/******* + * CSD * + *******/ +.titlebar { + /* border-width: 5px; */ + border-style: solid; + border-color: @tooltip_bg_color; +/* border-image: linear-gradient(to left, + shade(@selected_bg_color, 1.20) 25%, + shade(@selected_bg_color, 1.05) 25%, + shade(@selected_bg_color, 1.05) 50%, + shade(@selected_bg_color, 0.90) 50%, + shade(@selected_bg_color, 0.90) 75%, + shade(@selected_bg_color, 0.75) 75%) 5 0 0 0/ 5px 0 0 0;*/ + background-image: none; + background-color: @tooltip_bg_color; + color: @fg_color; + text-shadow: none; +} + +/* this is the default titlebar that is added by GTK + * when client-side decorations are in use and the application + * did not set a custom titlebar. + */ +.titlebar.default-decoration { + border: none; + box-shadow: none; +} + +.titlebar .title { + font-weight: bold; +} + +.titlebar { + padding: 3px; +} + +.titlebar:backdrop { + background-image: none; + background-color: @bg_color; + color: mix(@fg_color, @bg_color, 0.4); + text-shadow: none; +} + +.titlebutton { + padding: 4px; + border-style: none; + /*background-color: @button_normal_color;*/ + color: mix(@fg_color, @bg_color, 0.1); + -gtk-icon-shadow: none; +} + +.titlebar .titlebutton:hover, +.titlebar .titlebutton:hover:focus { + background-color: @selected_bg_color; + color: @selected_fg_color; + -gtk-icon-shadow: none; +} + +.titlebar .titlebutton:active, +.titlebar .titlebutton:active:hover { + background: none; + color: shade(@selected_bg_color, 0.9); + -gtk-icon-shadow: none; + box-shadow: none; +} + +.titlebar .right .titlebutton:first-child { + background: none; +} +/* + +.titlebar .right .titlebutton:last-child { +} + +.titlebar .left .titlebutton:last-child { + border-right: 1px solid shade(@toolbar_bg_color, 0.9); +} + +.titlebar .left .titlebutton:first-child { +} +*/ + +.titlebar .titlebutton:backdrop { + background-image: none; + color: mix(@fg_color, @bg_color, 0.4); + -gtk-icon-shadow: none; +} + +.window-frame { + background-image: none; + border-width: 2px; + border-style: solid; + border-color: @bg_color; + border-image: none; + border-radius: 0; + box-shadow: 0 3px 12px 2px alpha(black, 0.5); + + /* this is used for the resize cursor area */ + margin: 10px; +} + +.window-frame:backdrop { + border-width: 2px; + border-color: @bg_color; + border-image: none; + box-shadow: 0 2px 7px 1px alpha(black, 0.5); +} + +GtkWindow { + color: @fg_color; + background-color: @bg_color; +} + +GtkPaned { + background-color: @bg_color; +} + +GtkEventBox { + background-color: @bg_color; +} + +/*GtkSeparator separator .separator.vertical.titlebutton { + background-color: @selected_bg_color; +}*/ diff --git a/.themes/FlatColor/gtk-3.20/widgets/entry.css b/.themes/FlatColor/gtk-3.20/widgets/entry.css new file mode 100644 index 0000000..110dc16 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/entry.css @@ -0,0 +1,44 @@ +/********* + * entry * + *********/ +entry { + padding: 6px 8px; + margin: 2px; + border-width: 2px; + border-style: solid; + border-color: @base_color; + border-radius: 3px; + background-color: @base_color; + background-image: none; + color: @text_color; + box-shadow: 0 2.5px 4.5px @shadow; +} + +entry:active, +entry:focus { + box-shadow: 0 1px 1px @shadow , + inset 0 -2px @selected_bg_color; + transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); +} + +entry:selected, +entry:selected:focus, +entry selection { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +entry:disabled { + background-color: shade(@bg_color, 1.04); + border-color: shade(@bg_color, 1.04); + background-image: none; + color: @text_color_disabled +} + +entry.progressbar { + border-width: 0; + border-radius: 0; + background-color: @selected_bg_color; + background-image: none; + color: @selected_fg_color; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/header-bar.css b/.themes/FlatColor/gtk-3.20/widgets/header-bar.css new file mode 100644 index 0000000..cc1e2dc --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/header-bar.css @@ -0,0 +1,47 @@ +/************** + * header-bar * + **************/ + +headerbar { + padding: 4px; + border-width: 0; + border-style: none; + background-color: @bg_color; +} + +headerbar title { + font-weight: bold; +} + +headerbar subtitle { + font-size: smaller; +} + +headerbar > stackswitcher > button { + margin-right: 1px; + border-radius: 0; +} + +headerbar > stackswitcher > button:first-child { + border-radius: 3px 0 0 3px; +} + +headerbar > stackswitcher > button:last-child { + border-radius: 0 3px 3px 0; +} + +headerbar > stackswitcher > button.text-button { + padding: 4px 20px 4px 20px; +} + +headerbar > stackswitcher > button.image-button { + padding: 6px 22px 6px 22px; +} + +headerbar button.text-button { + padding: 4px; +} + +headerbar button.image-button { + padding: 6px; +}
\ No newline at end of file diff --git a/.themes/FlatColor/gtk-3.20/widgets/infobar.css b/.themes/FlatColor/gtk-3.20/widgets/infobar.css new file mode 100644 index 0000000..222768f --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/infobar.css @@ -0,0 +1,90 @@ +/*********** + * infobar * + ***********/ +GtkInfoBar { + border-width: 0; + border-style: none; +} + +.info { + border-width: 0; + border-style: none; + background-color: @info_bg_color; + background-image: none; + color: @info_fg_color; +} + +.warning { + border-width: 0; + border-style: none; + background-color: @warning_bg_color; + background-image: none; + color: @warning_fg_color; +} + +.question { + border-width: 0; + border-style: none; + background-color: @question_bg_color; + background-image: none; + color: @question_fg_color; +} + +.error { + border-width: 0; + border-style: none; + background-color: @error_bg_color; + background-image: none; + color: @error_fg_color; +} + +.warning .button, +.question .button, +.info .button, +.error .button, +.warning .button.close, +.question .button.close, +.info .button.close, +.error .button.close { + +} +.warning .button:hover, +.question .button:hover, +.info .button:hover, +.error .button:hover, +.warning .button.close:hover, +.question .button.close:hover, +.info .button.close:hover, +.error .button.close:hover { + +} +.warning .button:active, +.question .button:active, +.info .button:active, +.error .button:active, +.warning .button.close:active, +.question .button.close:active, +.info .button.close:active, +.error .button.close:active, +.warning .button:active:hover, +.question .button:active:hover, +.info .button:active:hover, +.error .button:active:hover, +.warning .button.close:active:hover, +.question .button.close:active:hover, +.info .button.close:active:hover, +.error .button.close:active:hover { + +} +.warning .button:disabled, +.question .button:disabled, +.info .button:disabled, +.error .button:disabled { + +} +.warning .button *:disabled, +.question .button *:disabled, +.info .button *:disabled, +.error .button *:disabled { + +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/linked-buttons.css b/.themes/FlatColor/gtk-3.20/widgets/linked-buttons.css new file mode 100644 index 0000000..f8ec1f6 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/linked-buttons.css @@ -0,0 +1,524 @@ +/****************** + * linked buttons * + *****************/ + + + +/* set up shadows for visual separation */ +.linked .button, +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar GtkToolButton .button, +.inline-toolbar.toolbar GtkToolButton > .button { + background-color: @base_color; + color: @text_color; + +} +.linked .button:hover, +.inline-toolbar.toolbar .button:hover, +.inline-toolbar.toolbar GtkToolButton .button:hover, +.inline-toolbar.toolbar GtkToolButton > .button:hover { + background-color: @base_color; + color: shade(@fg_color, 0.7); +} +.linked .button:active, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar GtkToolButton .button:active, +.inline-toolbar.toolbar GtkToolButton > .button:active { + background-color: @selected_bg_color; + color: @selected_fg_color; +} +.linked .button:active:hover, +.inline-toolbar.toolbar .button:active:hover, +.inline-toolbar.toolbar GtkToolButton .button:active:hover, +.inline-toolbar.toolbar GtkToolButton > .button:active:hover { + background-color: shade(@selected_bg_color, 1.05); +} +.linked .button:insensitive, +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton .button:insensitive, +.inline-toolbar.toolbar GtkToolButton > .button:insensitive { + background-color: shade(@bg_color, 1.04); + background-image: none; + color: @text_color_disabled +} + +/* remove box shadow from last-child and only-child */ + +.linked .entry:last-child, +.linked .entry:only-child, +.linked .button:last-child, +.linked .button:only-child, +.linked .button:insensitive:last-child, +.linked .button:insensitive:only-child, +.linked .button:active *:insensitive:last-child, +.linked .button:active *:insensitive:only-child, +.inline-toolbar.toolbar .button:last-child, +.inline-toolbar.toolbar .button:only-child, +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar .button:insensitive:only-child, +.inline-toolbar.toolbar .button:active *:insensitive:last-child, +.inline-toolbar.toolbar .button:active *:insensitive:only-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button, +.inline-toolbar.toolbar GtkToolButton:only-child > .button, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:active *:insensitive, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:active *:insensitive { + +} + +/* add back the inset shadow effect */ +.linked .button:active:last-child, +.linked .button:active:only-child, +.inline-toolbar.toolbar .button:active:last-child, +.inline-toolbar.toolbar .button:active:only-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar GtkToolButton:only-child > .button:active { + +} + +/* middle button */ +.linked .entry, +.linked .button, +.linked .button:active, +.linked .button:active:hover, +.linked .button:insensitive, +.inline-toolbar.toolbar .button, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar .button:insensitive, +.inline-toolbar.toolbar GtkToolButton .button, +.inline-toolbar.toolbar GtkToolButton .button:active, +.inline-toolbar.toolbar GtkToolButton .button:insensitive { + border-width: 1px; + border-radius: 0; + border-color: transparent; + border-style: solid; +} + +/*leftmost button */ +.linked .entry:first-child, +.linked .button:first-child, +.linked .button:active:first-child, +.linked .button:active:hover:first-child, +.linked .button:insensitive:first-child, +.inline-toolbar.toolbar .button:first-child, +.inline-toolbar.toolbar .button:active:first-child, +.inline-toolbar.toolbar .button:insensitive:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child .button, +.inline-toolbar.toolbar GtkToolButton:first-child .button:active, +.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive { + +} + +/* rightmost button */ +.linked .entry:last-child, +.linked .button:last-child, +.linked .button:active:last-child, +.linked .button:active:hover:last-child, +.linked .button:insensitive:last-child, +.inline-toolbar.toolbar .button:last-child, +.inline-toolbar.toolbar .button:active:last-child, +.inline-toolbar.toolbar .button:insensitive:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child .button, +.inline-toolbar.toolbar GtkToolButton:last-child .button:active, +.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive { + +} + +/* linked single button */ +.linked .entry:only-child, +.linked .button:only-child, +.linked .button:active:only-child, +.linked .button:active:hover:only-child, +.linked .button:insensitive:only-child, +.inline-toolbar.toolbar .button:only-child, +.inline-toolbar.toolbar .button:active:only-child, +.inline-toolbar.toolbar .button:insensitive:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child .button, +.inline-toolbar.toolbar GtkToolButton:only-child .button:active, +.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive { + border-width: 1px; + border-radius: 0; + border-color: transparent; + border-style: solid; +} + +/* linked button shadows (vertical) */ +.linked.vertical .button, +.inline-toolbar.toolbar.vertical .button, +.inline-toolbar.toolbar.vertical GtkToolButton > .button { + background-color: @base_color; + color: @text_color; +} + +.linked.vertical .button:active, +.inline-toolbar.toolbar.vertical .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:active { + background-color: @selected_bg_color; + color: @selected_fg_color; +} +.linked.vertical .button:hover, +.inline-toolbar.toolbar.vertical .button:hover, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:hover { + background-color: @base_color; + color: shade(@fg_color, 0.7); +} +.linked.vertical .button:active:hover, +.inline-toolbar.toolbar.vertical .button:active:hover, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:active:hover { + background-color: shade(@selected_bg_color, 1.05); +} +.linked.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive { + background-color: shade(@bg_color, 1.04); + background-image: none; + color: @text_color_disabled +} + +/* remove box shadow from last-child and only-child */ +.linked.vertical .button:last-child, +.linked.vertical .button:only-child, +.linked.vertical .button:insensitive:last-child, +.linked.vertical .button:insensitive:only-child, +.linked.vertical .button:active *:insensitive:last-child, +.linked.vertical .button:active *:insensitive:only-child, +.inline-toolbar.toolbar.vertical .button:last-child, +.inline-toolbar.toolbar.vertical .button:only-child, +.inline-toolbar.toolbar.vertical .button:insensitive:last-child, +.inline-toolbar.toolbar.vertical .button:insensitive:only-child, +.inline-toolbar.toolbar.vertical .button:active *:insensitive:last-child, +.inline-toolbar.toolbar.vertical .button:active *:insensitive:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active *:insensitive, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active *:insensitive { + +} + +/* add back the inset shadow effect */ +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:only-child, +.inline-toolbar.toolbar.vertical .button:active:last-child, +.inline-toolbar.toolbar.vertical .button:active:only-child, +.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active, +.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active { + +} + +/* middle button (vertical) */ +.linked.vertical .entry, +.linked.vertical .button, +.linked.vertical .button:active, +.linked.vertical .button:active:hover, +.linked.vertical .button:insensitive { +border-width: 1px; + border-radius: 0; + border-color: transparent; + border-style: solid; +} + +/* top button (vertical) */ +.linked.vertical .entry:first-child, +.linked.vertical .button:first-child, +.linked.vertical .button:active:first-child, +.linked.vertical .button:active:hover:first-child, +.linked.vertical .button:insensitive:first-child { + + +} + +/* bottom button (vertical) */ +.linked.vertical .entry:last-child, +.linked.vertical .button:last-child, +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:hover:last-child, +.linked.vertical .button:insensitive:last-child { + +} + +/* linked single button (vertical) */ +.linked.vertical .entry:only-child, +.linked.vertical .button:only-child, +.linked.vertical .button:active:only-child, +.linked.vertical .button:active:hover:only-child, +.linked.vertical .button:insensitive:only-child { + border-width: 1px; + border-radius: 0; + border-color: transparent; + border-style: solid; +} + +/* linked toolbar buttons */ +.primary-toolbar .linked .button, +.primary-toolbar .button.raised.linked, +.primary-toolbar .raised.linked .button, +.toolbar .button.raised.linked, +.toolbar .raised.linked .button, +.toolbar .linked .button, +.header-bar .button.raised.linked, +.header-bar .raised.linked .button, +.header-bar .linked .button { + background-color: @base_color; + color: @text_color; +} +.primary-toolbar .linked .button:hover, +.primary-toolbar .button.raised.linked:hover, +.primary-toolbar .raised.linked .button:hover, +.toolbar .button.raised.linked:hover, +.toolbar .raised.linked .button:hover, +.toolbar .linked .button:hover, +.header-bar .button.raised.linked:hover, +.header-bar .raised.linked .button:hover, +.header-bar .linked .button:hover { + background-color: @base_color; + color: shade(@fg_color, 0.7); +} +.primary-toolbar .linked .button:active, +.primary-toolbar .button.raised.linked:active, +.primary-toolbar .raised.linked .button:active, +.toolbar .button.raised.linked:active, +.toolbar .raised.linked .button:active, +.toolbar .linked .button:active, +.header-bar .button.raised.linked:active, +.header-bar .raised.linked .button:active, +.header-bar .linked .button:active { + background-color: shade(@bg_color, 1.1); + color: @fg_color; +} +.primary-toolbar .linked .button:active:hover, +.primary-toolbar .button.raised.linked:active:hover, +.primary-toolbar .raised.linked .button:active:hover, +.toolbar .button.raised.linked:active:hover, +.toolbar .raised.linked .button:active:hover, +.toolbar .linked .button:active:hover, +.header-bar .button.raised.linked:active:hover, +.header-bar .raised.linked .button:active:hover, +.header-bar .linked .button:active:hover { + background-color: shade(@bg_color, 1.1); +} +.primary-toolbar .linked .button:insensitive, +.primary-toolbar .button.raised.linked:insensitive, +.primary-toolbar .raised.linked .button:insensitive, +.toolbar .button.raised.linked:insensitive, +.toolbar .raised.linked .button:insensitive, +.toolbar .linked .button:insensitive, +.header-bar .button.raised.linked:insensitive, +.header-bar .raised.linked .button:insensitive, +.header-bar .linked .button:insensitive { + background-color: shade(@bg_color, 1.04); + background-image: none; + color: @text_color_disabled +} + +/* remove box shadow from last-child and only-child */ +.primary-toolbar .linked .button:last-child, +.primary-toolbar .linked .button:only-child, +.primary-toolbar .button.raised.linked:last-child, +.primary-toolbar .button.raised.linked:only-child, +.primary-toolbar .linked .button:insensitive:last-child, +.primary-toolbar .linked .button:insensitive:only-child, +.primary-toolbar .button:insensitive.raised.linked:last-child, +.primary-toolbar .button:insensitive.raised.linked:only-child, +.primary-toolbar .linked .button:active *:insensitive:last-child, +.primary-toolbar .linked .button:active *:insensitive:only-child, +.primary-toolbar .button:active *:insensitive.raised.linked:last-child, +.primary-toolbar .button:active *:insensitive.raised.linked:only-child, +.primary-toolbar .raised.linked .button:last-child, +.primary-toolbar .raised.linked .button:only-child, +.primary-toolbar .raised.linked .button:insensitive:last-child, +.primary-toolbar .raised.linked .button:insensitive:only-child, +.primary-toolbar .raised.linked .button:active *:insensitive:last-child, +.primary-toolbar .raised.linked .button:active *:insensitive:only-child, +.toolbar .button.raised.linked:last-child, +.toolbar .button.raised.linked:only-child, +.toolbar .button:insensitive.raised.linked:last-child, +.toolbar .button:insensitive.raised.linked:only-child, +.toolbar .button:active *:insensitive.raised.linked:last-child, +.toolbar .button:active *:insensitive.raised.linked:only-child, +.toolbar .raised.linked .button:last-child, +.toolbar .raised.linked .button:only-child, +.toolbar .raised.linked .button:insensitive:last-child, +.toolbar .raised.linked .button:insensitive:only-child, +.toolbar .raised.linked .button:active *:insensitive:last-child, +.toolbar .raised.linked .button:active *:insensitive:only-child, +.toolbar .linked .button:last-child, +.toolbar .linked .button:only-child, +.toolbar .linked .button:insensitive:last-child, +.toolbar .linked .button:insensitive:only-child, +.toolbar .linked .button:active *:insensitive:last-child, +.toolbar .linked .button:active *:insensitive:only-child, +.header-bar .button.raised.linked:last-child, +.header-bar .button.raised.linked:only-child, +.header-bar .button:insensitive.raised.linked:last-child, +.header-bar .button:insensitive.raised.linked:only-child, +.header-bar .button:active *:insensitive.raised.linked:last-child, +.header-bar .button:active *:insensitive.raised.linked:only-child, +.header-bar .raised.linked .button:last-child, +.header-bar .raised.linked .button:only-child, +.header-bar .raised.linked .button:insensitive:last-child, +.header-bar .raised.linked .button:insensitive:only-child, +.header-bar .raised.linked .button:active *:insensitive:last-child, +.header-bar .raised.linked .button:active *:insensitive:only-child, +.header-bar .linked .button:last-child, +.header-bar .linked .button:only-child, +.header-bar .linked .button:insensitive:last-child, +.header-bar .linked .button:insensitive:only-child, +.header-bar .linked .button:active *:insensitive:last-child, +.header-bar .linked .button:active *:insensitive:only-child { + +} + +/* add back the inset shadow effect */ +.primary-toolbar .linked .button:active:last-child, +.primary-toolbar .linked .button:active:only-child, +.primary-toolbar .button:active.raised.linked:last-child, +.primary-toolbar .button:active.raised.linked:only-child, +.primary-toolbar .raised.linked .button:active:last-child, +.primary-toolbar .raised.linked .button:active:only-child, +.toolbar .button:active.raised.linked:last-child, +.toolbar .button:active.raised.linked:only-child, +.toolbar .raised.linked .button:active:last-child, +.toolbar .raised.linked .button:active:only-child, +.toolbar .linked .button:active:last-child, +.toolbar .linked .button:active:only-child, +.header-bar .button:active.raised.linked:last-child, +.header-bar .button:active.raised.linked:only-child, +.header-bar .raised.linked .button:active:last-child, +.header-bar .raised.linked .button:active:only-child, +.header-bar .linked .button:active:last-child, +.header-bar .linked .button:active:only-child { + +} + +/* middle button */ +.primary-toolbar .linked .button, +.primary-toolbar .linked .button:active, +.primary-toolbar .linked .button:insensitive, +.primary-toolbar .button.raised.linked, +.primary-toolbar .button.raised.linked:active, +.primary-toolbar .button.raised.linked:insensitive, +.primary-toolbar .raised.linked .button, +.primary-toolbar .raised.linked .button:active, +.primary-toolbar .raised.linked .button:insensitive, +.toolbar .button.raised.linked, +.toolbar .button.raised.linked:active, +.toolbar .button.raised.linked:insensitive, +.toolbar .raised.linked .button, +.toolbar .raised.linked .button:active, +.toolbar .raised.linked .button:insensitive, +.toolbar .linked .button, +.toolbar .linked .button:active, +.toolbar .linked .button:insensitive, +.header-bar .button.raised.linked, +.header-bar .button.raised.linked:active, +.header-bar .button.raised.linked:insensitive, +.header-bar .raised.linked .button, +.header-bar .raised.linked .button:active, +.header-bar .raised.linked .button:insensitive, +.header-bar .linked .button, +.header-bar .linked .button:active, +.header-bar .linked .button:insensitive { + border-width: 1px; + border-radius: 4px; + border-color: transparent; + border-style: solid; +} + +/* leftmost button */ +.primary-toolbar .linked .button:first-child, +.primary-toolbar .linked .button:active:first-child, +.primary-toolbar .linked .button:insensitive:first-child, +.primary-toolbar .button.raised.linked:first-child, +.primary-toolbar .button.raised.linked:active:first-child, +.primary-toolbar .button.raised.linked:insensitive:first-child, +.primary-toolbar .raised.linked .button:first-child, +.primary-toolbar .raised.linked .button:active:first-child, +.primary-toolbar .raised.linked .button:insensitive:first-child, +.toolbar .button.raised.linked:first-child, +.toolbar .button.raised.linked:active:first-child, +.toolbar .button.raised.linked:insensitive:first-child, +.toolbar .raised.linked .button:first-child, +.toolbar .raised.linked .button:active:first-child, +.toolbar .raised.linked .button:insensitive:first-child, +.toolbar .linked .button:first-child, +.toolbar .linked .button:active:first-child, +.toolbar .linked .button:insensitive:first-child, +.header-bar .button.raised.linked:first-child, +.header-bar .button.raised.linked:active:first-child, +.header-bar .button.raised.linked:insensitive:first-child, +.header-bar .raised.linked .button:first-child, +.header-bar .raised.linked .button:active:first-child, +.header-bar .raised.linked .button:insensitive:first-child, +.header-bar .linked .button:first-child, +.header-bar .linked .button:active:first-child, +.header-bar .linked .button:insensitive:first-child { + +} + +/* rightmost button */ +.primary-toolbar .linked .button:last-child, +.primary-toolbar .linked .button:active:last-child, +.primary-toolbar .linked .button:insensitive:last-child, +.primary-toolbar .button.raised.linked:last-child, +.primary-toolbar .button.raised.linked:active:last-child, +.primary-toolbar .button.raised.linked:insensitive:last-child, +.primary-toolbar .raised.linked .button:last-child, +.primary-toolbar .raised.linked .button:active:last-child, +.primary-toolbar .raised.linked .button:insensitive:last-child, +.toolbar .button.raised.linked:last-child, +.toolbar .button.raised.linked:active:last-child, +.toolbar .button.raised.linked:insensitive:last-child, +.toolbar .raised.linked .button:last-child, +.toolbar .raised.linked .button:active:last-child, +.toolbar .raised.linked .button:insensitive:last-child, +.toolbar .linked .button:last-child, +.toolbar .linked .button:active:last-child, +.toolbar .linked .button:insensitive:last-child, +.header-bar .button.raised.linked:last-child, +.header-bar .button.raised.linked:active:last-child, +.header-bar .button.raised.linked:insensitive:last-child, +.header-bar .raised.linked .button:last-child, +.header-bar .raised.linked .button:active:last-child, +.header-bar .raised.linked .button:insensitive:last-child, +.header-bar .linked .button:last-child, +.header-bar .linked .button:active:last-child, +.header-bar .linked .button:insensitive:last-child { + +} + +/* linked single button */ +.primary-toolbar .linked .button:only-child, +.primary-toolbar .linked .button:active:only-child, +.primary-toolbar .linked .button:insensitive:only-child, +.primary-toolbar .button.raised.linked:only-child, +.primary-toolbar .button.raised.linked:active:only-child, +.primary-toolbar .button.raised.linked:insensitive:only-child, +.primary-toolbar .raised.linked .button:only-child, +.primary-toolbar .raised.linked .button:active:only-child, +.primary-toolbar .raised.linked .button:insensitive:only-child, +.toolbar .button.raised.linked:only-child, +.toolbar .button.raised.linked:active:only-child, +.toolbar .button.raised.linked:insensitive:only-child, +.toolbar .raised.linked .button:only-child, +.toolbar .raised.linked .button:active:only-child, +.toolbar .raised.linked .button:insensitive:only-child, +.toolbar .linked .button:only-child, +.toolbar .linked .button:active:only-child, +.toolbar .linked .button:insensitive:only-child, +.header-bar .button.raised.linked:only-child, +.header-bar .button.raised.linked:active:only-child, +.header-bar .button.raised.linked:insensitive:only-child, +.header-bar .raised.linked .button:only-child, +.header-bar .raised.linked .button:active:only-child, +.header-bar .raised.linked .button:insensitive:only-child, +.header-bar .linked .button:only-child, +.header-bar .linked .button:active:only-child, +.header-bar .linked .button:insensitive:only-child { + border-width: 1px; + border-radius: 0; + border-color: transparent; + border-style: solid; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/menu.css b/.themes/FlatColor/gtk-3.20/widgets/menu.css new file mode 100644 index 0000000..f87e846 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/menu.css @@ -0,0 +1,127 @@ +/********* + * Menus * + *********/ + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 2px; + background-color: @tooltip_bg_color; +} +menubar > menuitem, +.menubar > menuitem { + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1), color 0; + min-height: 8px; + padding: 2px 8px; + color: @selected_fg_color; +} +menubar > menuitem:hover, +.menubar > menuitem:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; +} +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(0, 0, 0, 0.24); +} +menu, +.menu { + margin: 2px 0; + padding: 2px 0; + background-color: @tooltip_bg_color; + border: 1px solid rgba(0, 0, 0, 0.1); +} +.csd menu, +.csd .menu { + border: none; + border-radius: 2px; +} +menu menuitem, +.menu menuitem { + min-height: 10px; + min-width: 40px; + padding: 4px 4px; + font: initial; + text-shadow: none; +} +menu menuitem:hover, +.menu menuitem:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; +} +menu menuitem:disabled, +.menu menuitem:disabled { + color: rgba(0, 0, 0, 0.32); +} +menu menuitem arrow, +.menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} +menu menuitem arrow:dir(ltr), +.menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 8px; +} +menu menuitem arrow:dir(rtl), +.menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 8px; +} +menu > arrow, +.menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + border-radius: 0; + background-color: @tooltip_bg_color; + color: rgba(0, 0, 0, 0.6); +} +menu > arrow.top, +.menu > arrow.top { + margin-top: -4px; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} +menu > arrow.bottom, +.menu > arrow.bottom { + margin-bottom: -4px; + border-top: 1px solid rgba(0, 0, 0, 0.1); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} +menu > arrow:hover, +.menu > arrow:hover { + background-image: image(alpha(currentColor, 0.15)); + color: rgba(0, 0, 0, 0.8); +} +menu > arrow:disabled, +.menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} +/*menu separator, +.menu separator { + margin: 2px 0; + border-top: 1px solid mix(@theme_bg_color, @theme_fg_color, 0.01); + background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); +}*/ +menuitem accelerator { + color: alpha(currentColor, 0.6); +} + +menu menuitem check:dir(ltr), +menu menuitem radio:dir(ltr) { + margin-right: 10px; + padding: 8px; +} + +menu menuitem check:dir(rtl), +menu menuitem radio:dir(rtl) { + margin-left: 10px; + padding: 8px; +} + +csd.popup { + border-radius: 2px; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/notebook.css b/.themes/FlatColor/gtk-3.20/widgets/notebook.css new file mode 100644 index 0000000..e04539d --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/notebook.css @@ -0,0 +1,254 @@ +/************* + * Notebooks * + *************/ + +notebook>header { + background-color: shade(@bg_color, 1.2); + background-clip: border-box; +} + +notebook>header.top { + border-bottom-style: solid; + padding-top: 4px; + border-radius: 2px 2px 0 0; +} + +notebook>header.top>tabs>tab:not(.reorderable-page) { + border-radius: 3px 3px 0 0; +} + +notebook>header.top>tabs>tab:not(.reorderable-page):checked { + box-shadow: inset 0 -3px @selected_bg_color; +} + +notebook>header.top>tabs>tab:not(.reorderable-page):hover { + box-shadow: inset 0 -3px @text_color_disabled; +} + +notebook>header.bottom { + border-top-style: solid; + padding-bottom: 4px; + border-radius: 0 0 2px 2px; +} + +notebook>header.bottom>tabs>tab:not(.reorderable-page) { + border-radius: 0 0 3px 3px; + +} + +notebook>header.bottom>tabs>tab:not(.reorderable-page):checked { + box-shadow: inset 0 3px @selected_bg_color; +} + +notebook>header.bottom>tabs>tab:not(.reorderable-page):hover { + box-shadow: inset 0 3px @text_color_disabled; +} + +notebook>header.left { + border-right-style: solid; + padding-left: 4px; + border-radius: 2px 0 0 2px; +} + +notebook>header.left>tabs>tab:not(.reorderable-page) { + border-radius: 3px 0 0 3px; + +} + +notebook>header.left>tabs>tab:not(.reorderable-page):checked { + box-shadow: inset -3px 0 @selected_bg_color; +} + +notebook>header.left>tabs>tab:not(.reorderable-page):hover { + box-shadow: inset -3px 0 @text_color_disabled; +} + +notebook>header.right { + border-left-style: solid; + padding-right: 4px; + border-radius: 0 2px 2px 0; +} + +notebook>header.right>tabs>tab:not(.reorderable-page) { + border-radius: 0 3px 3px 0; +} + +notebook>header.right>tabs>tab:not(.reorderable-page):checked { + box-shadow: inset 3px 0 @selected_bg_color; +} + +notebook>header.right>tabs>tab:not(.reorderable-page):hover { + box-shadow: inset 3px 0 @text_color_disabled; +} + +notebook>header.top>tabs>arrow { + border-top-style: none; +} + +notebook>header.bottom>tabs>arrow { + border-bottom-style: none; +} + +notebook>header.top>tabs>arrow, +notebook>header.bottom>tabs>arrow { + padding-left: 4px; + padding-right: 4px; +} + +notebook>header.top>tabs>arrow.down, +notebook>header.bottom>tabs>arrow.down { + margin-left: -8px; + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook>header.top>tabs>arrow.up, +notebook>header.bottom>tabs>arrow.up { + margin-right: -8px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook>header.left>tabs>arrow { + border-left-style: none; +} + +notebook>header.right>tabs>arrow { + border-right-style: none; +} + +notebook>header.left>tabs>arrow, +notebook>header.right>tabs>arrow { + padding-top: 4px; + padding-bottom: 4px; +} + +notebook>header.left>tabs>arrow.down, +notebook>header.right>tabs>arrow.down { + margin-top: -8px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook>header.left>tabs>arrow.up, +notebook>header.right>tabs>arrow.up { + margin-bottom: -8px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook>header>tabs>arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; +} + +notebook>header tab { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; + min-height: 24px; + min-width: 24px; + padding: 6px 12px; + outline-offset: -6px; + border-width: 1px; + border-color: transparent; + color: @selected_fg_color; + font-weight: 500; +} + +notebook>header tab:checked { + color: @selected_fg_color; +} + +notebook>header tab:checked.reorderable-page { + border-color: @selected_bg_color; + background-color: @text_color_disabled; +} + +notebook>header tab:disabled { + color: @text_color_disabled +} + +notebook>header tab:hover { + color: @text_color_disabled +} + +notebook>header tab:hover:disabled { + color: @text_color_disabled +} + +/*notebook>header tab:hover:not(.reorderable-page) { + animation: ripple 0.6s ease-in-out; +}*/ + +notebook>header tab:hover.reorderable-page { + border-color: rgba(0, 0, 0, 0.1); + background-color: @text_color_disabled; +} + +notebook>header tab button.flat { + min-width: 24px; + min-height: 24px; + padding: 0; +} + +notebook>header tab button.flat:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook>header tab button.flat:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook>header.top tabs, +notebook>header.bottom tabs { + padding-left: 8px; + padding-right: 8px; +} + +notebook>header.top tabs:not(:only-child):first-child, +notebook>header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook>header.top tabs:not(:only-child):last-child, +notebook>header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook>header.top tabs tab.reorderable-page, +notebook>header.bottom tabs tab.reorderable-page { + margin: 0 -1px; + border-style: none solid; +} + +notebook>header.left tabs, +notebook>header.right tabs { + padding-top: 8px; + padding-bottom: 8px; +} + +entry.chrome { + background-color: blue; +} + +notebook>header.left tabs:not(:only-child):first-child, +notebook>header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook>header.left tabs:not(:only-child):last-child, +notebook>header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook>header.left tabs tab.reorderable-page, +notebook>header.right tabs tab.reorderable-page { + margin: -1px 0; + border-style: solid none; +} + +notebook>stack:not(:only-child) { + background-color: @tooltip_bg_color; +} + +notebook>stack { + background-color: @tooltip_bg_color; +}
\ No newline at end of file diff --git a/.themes/FlatColor/gtk-3.20/widgets/osd.css b/.themes/FlatColor/gtk-3.20/widgets/osd.css new file mode 100644 index 0000000..46b63fb --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/osd.css @@ -0,0 +1,203 @@ +/******* + * osd * + *******/ + +.background.osd { + border-style: none; + border-width: 0; + color: @fg_color; + background-color: @bg_color; +} + +GtkOverlay.osd { + border-style: none; + border-width: 0; + background-color: transparent; +} + +.osd.frame { + border-style: none; + border-width: 0; + background-clip: border-box; + background-origin: border-box; +} + +.osd.button, +.osd .button { + +} + +.osd.button:hover, +.osd.button:hover, +.osd .button:hover { + +} + +.osd.button:active, +.osd .button:active, +.osd GtkMenuButton.button:active { + +} + +.osd.button:active:hover, +.osd .button:active:hover, +.osd GtkMenuButton.button:active:hover { + +} + +.osd.button:disabled, +.osd .button:disabled { + +} + +.osd.button:active *:disabled, +.osd .button:active *:disabled { + +} + +.osd.toolbar { + -GtkToolbar-button-relief: normal; + + padding: 4px; + border-width: 0; + border-style: none; + border-radius: 0; + background-color: @bg_color; + background-image: none; + color: @fg_color; +} + +.osd.toolbar .button { + +} + +.osd.toolbar .button:hover { + +} + +.osd.toolbar .button:active { + +} + +.osd.toolbar .button:active:hover { + +} + +.osd.toolbar .button:focus, +.osd.toolbar .button:hover:focus, +.osd.toolbar .button:active:focus, +.osd.toolbar .button:active:hover:focus { + +} + +.osd.toolbar .button:disabled { + +} + +.osd.toolbar .button:active *:disabled { + +} + +.osd.toolbar .button:first-child { + +} + +.osd.toolbar .button:last-child { + +} + +.osd.toolbar .button:only-child, +.osd.toolbar GtkToolButton .button, +.osd.toolbar GtkToolButton:only-child .button, +.osd.toolbar GtkToolButton:last-child .button, +.osd.toolbar GtkToolButton:first-child .button { + +} + +.osd.toolbar .separator { + +} + +/* used by gnome-settings-daemon's media-keys OSD */ +.osd.trough { + +} + +.osd.progressbar { + +} + +.osd .scale.slider { + +} + +.osd .scale.slider:hover { + +} + +.osd .scale.slider:disabled { + +} + +.osd .scale.trough { + +} + +.osd .scale.trough.highlight { + +} + +.osd .scale.trough:disabled, +.osd .scale.trough.highlight:disabled { + +} + + +.osd GtkProgressBar.trough, +GtkProgressBar.osd.trough { + padding: 0; + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; +} + +.osd GtkProgressBar.progressbar, +GtkProgressBar.osd.progressbar { + border-style: none; + border-radius: 0; + background-color: @selected_bg_color; + background-image: none; +} + +.osd .view, +.osd.view { + +} + +.osd .scrollbar.trough { + +} + +.osd .scrollbar.slider { + +} + +.osd .scrollbar.slider:hover { + +} + +.osd .scrollbar.slider:active { + +} + +.osd GtkIconView.cell:selected, +.osd GtkIconView.cell:selected:focus { + +} + +/* used by Documents */ +.osd .page-thumbnail { + + +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/progress-scale.css b/.themes/FlatColor/gtk-3.20/widgets/progress-scale.css new file mode 100644 index 0000000..78f02fd --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/progress-scale.css @@ -0,0 +1,375 @@ +/***************** + * Progress bars * + *****************/ + +progressbar { + color: @selected_fg_color; + font-size: smaller; +} +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 9px; +} +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 9px; +} +progressbar trough { + background-color: shade( @bg_color, 0.8); + border-radius: 10px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +progressbar trough:disabled { + background-color: shade( @bg_color, 0.7); + color: rgba(0, 0, 0, 0.32); +} +progressbar progress { + background-color: @selected_bg_color; + border-radius: 10px; +} +/************* + * Level Bar * + *************/ + +levelbar block { + min-width: 36px; + min-height: 4px; +} +levelbar.vertical block { + min-width: 4px; + min-height: 36px; +} +levelbar trough { + padding: 2px; + border-radius: 2px; + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; + border-image: none; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + background-color: shade( @bg_color, 0.9); + color: shade(@bg_color, 0.8); +} +levelbar trough:disabled { + background-color: shade( @bg_color, 0.7); + color: rgba(0, 0, 0, 0.32); +} +levelbar.horizontal.discrete block { + margin: 0 1px; +} +levelbar.vertical.discrete block { + margin: 1px 0; +} +levelbar.horizontal.discrete trough { + padding: 2px 1px; +} +levelbar.vertical.discrete trough { + padding: 1px 2px; +} +levelbar block.low { + background-color: shade( @selected_bg_color, 0.5); +} +levelbar block.high { + background-color: shade( @selected_bg_color, 0.8); +} +levelbar block.full { + background-color: shade( @selected_bg_color, 1.0); +} +levelbar block.empty { + background-color: alpha(@selected_bg_color, 0.3); + color: rgba(0, 0, 0, 0.32); +} +/*scale*/ + +scale { + min-height: 12px; + min-width: 12px; + padding: 12px; +} +scale * { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; +} +scale slider { + min-height: 24px; + min-width: 24px; + margin: -10px; +} +scale trough { + outline-offset: 2px; + border-radius: 10px; + background-color: alpha(@selected_bg_color, 0.3); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); +} +scale trough:disabled { + color: rgba(0, 0, 0, 0.32); +} +scale highlight { + background-color: @selected_bg_color; + border-radius: 10px; +} +scale highlight:disabled { + background-color: transparent; +} +scale fill { + background-color: alpha(@selected_bg_color, 0.3); + border-radius: 10px; +} +scale fill:disabled { + background-color: transparent; +} +scale slider { + background-repeat: no-repeat; + background-position: center; + background-size: calc(100% - 8px); +} +scale slider { + background-image: -gtk-scaled(url("../assets/slider-insensitive-dark.png"), url("../assets/slider-insensitive-dark@2.png")); +} +scale slider:disabled { + background-image: -gtk-scaled(url("../assets/slider-insensitive.png"), url("../assets/slider-insensitive@2.png")); +} +scale slider:hover { + background-size: calc(100% - 4px); +} +scale slider:active { + background-size: calc(100% - 2px); +} +scale.fine-tune slider { + background-size: calc(100% - 12px); +} +scale value { + color: alpha(@selected_fg_color, 0.6); +} +scale marks { + color: alpha(@selected_fg_color, 0.3); +} +scale marks.top { + margin-bottom: 8px; + margin-top: -16px; +} +scale marks.bottom { + margin-top: 8px; + margin-bottom: -16px; +} +scale marks.top { + margin-right: 8px; + margin-left: -16px; +} +scale marks.bottom { + margin-left: 8px; + margin-right: -16px; +} +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} +scale.color.horizontal slider, +scale.horizontal contents:last-child:not(:only-child) > trough > slider { + min-height: 30px; + min-width: 24px; + margin-top: -16px; + background-position: center calc(100% - 4px); +} +scale.color.horizontal slider, +scale.horizontal contents:last-child:not(:only-child) > trough > slider { + background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); +} +scale.color.horizontal slider:hover, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { + background-position: center calc(100% - 2px); +} +scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + background-position: center calc(100% - 0px); +} +scale.color.fine-tune.horizontal slider, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + background-position: center calc(100% - 6px); +} +scale.color.horizontal slider, +scale.horizontal contents:last-child:not(:only-child) > trough > slider { + min-height: 30px; + min-width: 24px; + margin-top: -16px; + background-position: center calc(100% - 4px); +} +scale.color.horizontal slider:disabled, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled { + background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); +} +scale.color.horizontal slider:hover, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover { + background-position: center calc(100% - 2px); +} +scale.color.horizontal slider:active, +scale.horizontal contents:last-child:not(:only-child) > trough > slider:active { + background-position: center calc(100% - 0px); +} +scale.color.fine-tune.horizontal slider, +scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider { + background-position: center calc(100% - 6px); +} +scale.horizontal contents:first-child:not(:only-child) > trough > slider { + min-height: 30px; + min-width: 24px; + margin-bottom: -16px; + background-position: center calc(4px); +} +scale.horizontal contents:first-child:not(:only-child) > trough > slider { + background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); +} +scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { + background-position: center calc(2px); +} +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + background-position: center calc(0px); +} +scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + background-position: center calc(6px); +} +scale.horizontal contents:first-child:not(:only-child) > trough > slider { + min-height: 30px; + min-width: 24px; + margin-bottom: -16px; + background-position: center calc(4px); +} +scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled { + background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); +} +scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover { + background-position: center calc(2px); +} +scale.horizontal contents:first-child:not(:only-child) > trough > slider:active { + background-position: center calc(0px); +} +scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider { + background-position: center calc(6px); +} +scale.color.vertical:dir(rtl) slider, +scale.vertical contents:last-child:not(:only-child) > trough > slider { + min-height: 24px; + min-width: 30px; + margin-left: -16px; + background-position: calc(4px) center; +} +scale.color.vertical:dir(rtl) slider, +scale.vertical contents:last-child:not(:only-child) > trough > slider { + background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("../assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); +} +scale.color.vertical:dir(rtl) slider:hover, +scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { + background-position: calc(2px) center; +} +scale.color.vertical:dir(rtl) slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + background-position: calc(0px) center; +} +scale.color.fine-tune.vertical:dir(rtl) slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + background-position: calc(6px) center; +} +scale.color.vertical:dir(rtl) slider, +scale.vertical contents:last-child:not(:only-child) > trough > slider { + min-height: 24px; + min-width: 30px; + margin-left: -16px; + background-position: calc(4px) center; +} +scale.color.vertical:dir(rtl) slider:disabled, +scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled { + background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-above-insensitive.png"), url("../assets/slider-vert-scale-has-marks-above-insensitive@2.png")); +} +scale.color.vertical:dir(rtl) slider:hover, +scale.vertical contents:last-child:not(:only-child) > trough > slider:hover { + background-position: calc(2px) center; +} +scale.color.vertical:dir(rtl) slider:active, +scale.vertical contents:last-child:not(:only-child) > trough > slider:active { + background-position: calc(0px) center; +} +scale.color.fine-tune.vertical:dir(rtl) slider, +scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider { + background-position: calc(6px) center; +} +scale.color.vertical:dir(ltr) slider, +scale.vertical contents:first-child:not(:only-child) > trough > slider { + min-height: 24px; + min-width: 30px; + margin-right: -16px; + background-position: calc(100% - 4px) center; +} +scale.color.vertical:dir(ltr) slider, +scale.vertical contents:first-child:not(:only-child) > trough > slider { + background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-below-insensitive.png"), url("../assets/slider-vert-scale-has-marks-below-insensitive@2.png")); +} +scale.color.vertical:dir(ltr) slider:hover, +scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { + background-position: calc(100% - 2px) center; +} +scale.color.vertical:dir(ltr) slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + background-position: calc(100% - 0px) center; +} +scale.color.fine-tune.vertical:dir(ltr) slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + background-position: calc(100% - 6px) center; +} +scale.color.vertical:dir(ltr) slider, +scale.vertical contents:first-child:not(:only-child) > trough > slider { + min-height: 24px; + min-width: 30px; + margin-right: -16px; + background-position: calc(100% - 4px) center; +} +scale.color.vertical:dir(ltr) slider:disabled, +scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled { + background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-below-insensitive.png"), url("../assets/slider-vert-scale-has-marks-below-insensitive@2.png")); +} +scale.color.vertical:dir(ltr) slider:hover, +scale.vertical contents:first-child:not(:only-child) > trough > slider:hover { + background-position: calc(100% - 2px) center; +} +scale.color.vertical:dir(ltr) slider:active, +scale.vertical contents:first-child:not(:only-child) > trough > slider:active { + background-position: calc(100% - 0px) center; +} +scale.color.fine-tune.vertical:dir(ltr) slider, +scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider { + background-position: calc(100% - 6px) center; +} +scale.color { + min-height: 0; + min-width: 0; +} +scale.color.horizontal { + padding: 0 0 12px 0; +} +scale.color.horizontal trough { + padding-bottom: 4px; +} +scale.color.horizontal slider { + margin-bottom: -14px; + margin-top: 0; +} +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} +scale.color.vertical:dir(ltr) trough { + padding-left: 4px; +} +scale.color.vertical:dir(ltr) slider { + margin-left: -14px; + margin-right: 0; +} +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} +scale.color.vertical:dir(rtl) trough { + padding-right: 4px; +} +scale.color.vertical:dir(rtl) slider { + margin-right: -14px; + margin-left: 0; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/scrollbar.css b/.themes/FlatColor/gtk-3.20/widgets/scrollbar.css new file mode 100644 index 0000000..504867b --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/scrollbar.css @@ -0,0 +1,118 @@ +/************** + * Scrollbars * + **************/ + +scrollbar { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; + background-color: @tooltip_bg_color; + background-clip: padding-box; + border-radius: 3px; +} +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} +scrollbar.top { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} +scrollbar.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.1); +} +scrollbar.left { + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +scrollbar.right { + border-left: 1px solid rgba(0, 0, 0, 0.1); +} +scrollbar slider { + /* transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, border-width 0; */ + min-width: 4px; + min-height: 4px; + border: 4px solid transparent; + background-clip: padding-box; + background-color: shade( @selected_bg_color, 0.80); + border-radius: 10px; +} +scrollbar slider:hover { + background-color: shade( @selected_bg_color, 0.80); +} +scrollbar slider:active { + background-color: @selected_bg_color; +} +scrollbar slider:disabled { + background-color: shade( @selected_bg_color, 0.80); +} +scrollbar.fine-tune slider { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, border-width 0, min-width 0, min-height 0; + min-width: 4px; + min-height: 4px; +} +scrollbar.fine-tune.horizontal slider { + margin: 2px 0; +} +scrollbar.fine-tune.vertical slider { + margin: 0 2px; +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: 2px solid @tooltip_bg_color; +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 2px; + border: 2px solid @selected_bg_color; + border-radius: 100px; + background-color: @tooltip_bg_color; + background-clip: padding-box; + -gtk-icon-source: none; +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: @tooltip_bg_color; +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 24px; +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 4px; +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 24px; +} +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} +scrollbar.overlay-indicator.dragging, +scrollbar.overlay-indicator.hovering { + background-color: @tooltip_bg_color; +} +scrollbar.horizontal slider { + min-width: 24px; +} +scrollbar.vertical slider { + min-height: 24px; +} +scrollbar button { + min-width: 4px; + min-height: 16px; + padding: 0; + border-radius: 0; +} +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/selection-mode.css b/.themes/FlatColor/gtk-3.20/widgets/selection-mode.css new file mode 100644 index 0000000..6000be2 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/selection-mode.css @@ -0,0 +1,109 @@ +/****************** + * selection mode * + ******************/ +.selection-mode.header-bar, +.selection-mode.toolbar { + padding: 4px; + border-width: 0; + border-style: none; + background-color: @sel_color; + background-image: none; + color: @selected_fg_color; +} + +.selection-mode.header-bar { + +} + +.selection-mode.toolbar { + padding: 4px; +} + +/* regular button */ +.selection-mode.header-bar .button, +.selection-mode.toolbar .button, +.selection-mode.toolbar GtkToolButton .button { + +} + +.selection-mode.header-bar .button:hover, +.selection-mode.toolbar .button:hover, +.selection-mode.toolbar GtkToolButton .button:hover { + +} + +.selection-mode.header-bar .button:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar GtkToolButton .button:active { + +} + +.selection-mode.header-bar .button:hover:active, +.selection-mode.toolbar .button:hover:active, +.selection-mode.toolbar GtkToolButton .button:hover:active { + +} + +/* suggested button */ +.selection-mode.header-bar .suggested-action.button, +.selection-mode.toolbar .suggested-action.button, +.selection-mode.toolbar GtkToolButton.suggested-action .button { + padding: 6px; + border-width: 1px; + border-style: solid; + border-color: transparent; + background-color: @button_info_color; + background-image: none; + color: @selected_fg_color; +} + +.selection-mode.header-bar .suggested-action.button:hover, +.selection-mode.toolbar .suggested-action.button:hover, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover { + border-color: transparent; + background-color: shade(@button_info_color, 1.06); + background-image: none; +} + +.selection-mode.header-bar .suggested-action.button:active, +.selection-mode.toolbar .suggested-action.button:active, +.selection-mode.toolbar GtkToolButton.suggested-action:active { + border-color: transparent; + background-color: shade(@button_info_color, 0.925); + background-image: none; + color: shade(@selected_fg_color, 0.95); +} + +.selection-mode.header-bar .suggested-action.button:hover:active, +.selection-mode.toolbar .suggested-action.button:hover:active, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active { + border-color: transparent; +} + +/* menu button */ +.selection-mode.header-bar .selection-menu.button, +.selection-mode.toolbar .selection-menu.button { + + border-style: none; + background-color: transparent; + background-image: none; + color: @selected_fg_color; +} + +.selection-mode.toolbar .dim-label, +.selection-mode.toolbar .selection-menu.button .dim-label { + color: shade(@selected_fg_color, 0.7); +} + +.selection-mode.header-bar .selection-menu.button:hover, +.selection-mode.toolbar .dim-label:hover, +.selection-mode.toolbar .selection-menu.button:hover, +.selection-mode.toolbar .selection-menu.button .dim-label:hover { + color: @selected_fg_color; +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active { + color: shade(@selected_fg_color, 0.8); + box-shadow: none; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/separator.css b/.themes/FlatColor/gtk-3.20/widgets/separator.css new file mode 100644 index 0000000..e831978 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/separator.css @@ -0,0 +1,24 @@ +/************* + * separator * + *************/ +sidebar.view.separator, +view.separator, +separator { + border-width: 0; + border-style: none; + background-color: transparent; +} +separator:disabled { + background-color: transparent; +} +button separator, +button.separator { + border-width: 0; + background-color: transparent; +} + +button separator:disabled, +button.separator:disabled { + background-color: transparent; + border-width: 0; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/sidebar.css b/.themes/FlatColor/gtk-3.20/widgets/sidebar.css new file mode 100644 index 0000000..03d9be5 --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/sidebar.css @@ -0,0 +1,43 @@ +/*********** + * Sidebar * + ***********/ + +.sidebar { + border-style: none; + background-color: @tooltip_bg_color; +} +stacksidebar.sidebar:dir(ltr) list, +stacksidebar.sidebar.left list, +stacksidebar.sidebar.left:dir(rtl) list, +.sidebar:dir(ltr), +.sidebar.left, +.sidebar.left:dir(rtl) { + border-right: 1px solid rgba(0, 0, 0, 0.2); + border-left-style: none; + background-color: @tooltip_bg_color; +} +stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), +stacksidebar.sidebar.right list .sidebar:dir(rtl), +.sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.2); + border-right-style: none; +} +.sidebar list { + background-color: @tooltip_bg_color; +} +paned .sidebar.left, +paned .sidebar.right, +paned .sidebar.left:dir(rtl), +paned .sidebar:dir(rtl), +paned .sidebar:dir(ltr), +paned .sidebar { + border-style: none; + background-color: @tooltip_bg_color; +} +stacksidebar row { + padding: 10px 5px; +} +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/spinbutton.css b/.themes/FlatColor/gtk-3.20/widgets/spinbutton.css new file mode 100644 index 0000000..dc5d85a --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/spinbutton.css @@ -0,0 +1,91 @@ +/************** + *spinbutton * + **************/ +spinbutton button { + + color: @text_color_disabled; + padding: 2px 4px; + border-width: 2px; + border-color: transparent; + background-image: none; +} + +spinbutton button:disabled { + color: mix(@text_color, @base_color, 0.55); +} + +spinbutton button:active, +spinbutton button:hover { + color: @fg_color; +} + +spinbutton button:first-child { +} + +spinbutton button:last-child { +} + +spinbutton button:dir(rtl) { + +} + +spinbutton.vertical button { + + border-width: 1px; + border-style: none; + color: @text_color_disabled; + background-image: none; + box-shadow: none; +} + +spinbutton.vertical button:hover { + color: @fg_color; + background-image: none; +} + +spinbutton.vertical button:active { + color: @fg_color; + background-image: none; +} + +spinbutton.vertical button:active:hover { + +} + +spinbutton.vertical button:focus, +spinbutton.vertical button:hover:focus, +spinbutton.vertical button:active:focus, +spinbutton.vertical button:active:hover:focus { + +} + +spinbutton.vertical button:disabled { + background-image: none; + color: @text_color_disabled; + background-image: none; +} + +spinbutton.vertical button:first-child { + border-width: 1px 1px 0 1px; + border-bottom-width: 0; +} + +spinbutton.vertical button:last-child { + border-width: 0 1px 1px 1px; + border-top-width: 0; +} + +spinbutton.vertical.entry { + border-width: 0; + border-style: none; + border-top-color: @base_color; + border-bottom-color: @base_color; +} +spinbutton.vertical.entry:disabled { + border-top-color: shade(@bg_color, 1.04); + border-bottom-color: shade(@bg_color, 1.04); +} +spinbutton.vertical.entry:active, +spinbutton.vertical.entry:focus { + box-shadow: inset 4px 0 @selected_bg_color; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/spinner.css b/.themes/FlatColor/gtk-3.20/widgets/spinner.css new file mode 100644 index 0000000..763036c --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/spinner.css @@ -0,0 +1,16 @@ + +/*********** + * spinner * + ***********/ + + +@keyframes spinner { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background: none; + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + color: @selected_bg_color; + animation: spinner 1s linear infinite; +}
\ No newline at end of file diff --git a/.themes/FlatColor/gtk-3.20/widgets/switch.css b/.themes/FlatColor/gtk-3.20/widgets/switch.css new file mode 100644 index 0000000..5bf986a --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/switch.css @@ -0,0 +1,63 @@ +/********** + * Switch * + **********/ + +switch { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; + margin: 6px 0; + border: 4px solid transparent; + border-radius: 100px; + background-color: alpha(#000, 0.2); + background-clip: padding-box; + font-size: 0; +} +switch:disabled { + color: shade(@selected_bg_color, 0.8); + background-color: alpha(#000, 0.1); +} + +switch image { + color: alpha(#000, 0.0); +} + +switch:disabled image:disabled { + color: alpha(#000, 0.0); +} + +switch:checked { + background-color: shade(@selected_bg_color, 0.7); +} +switch:checked:disabled { + background-color: rgba(68, 138, 255, 0.2); + color: rgba(0, 0, 0, 0.32); +} +switch slider { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; + border-image: none; + background-color: @selected_bg_color; + color: rgba(0, 0, 0, 0.8); + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0; + min-width: 24px; + min-height: 24px; + margin: -4px 0 -4px -4px; + -gtk-outline-radius: 100px; + border-radius: 400px; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)); +} + +switch:hover slider { + border-image: none; +} +switch:disabled slider { + background-color: shade(@selected_bg_color, 0.7); + color: rgba(0, 0, 0, 0.32); +} +switch:checked slider { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, background-image 0; + animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; + margin: -4px -4px -4px 0; + color: @selected_fg_color; +} +switch:checked:disabled slider { + animation: none; +} diff --git a/.themes/FlatColor/gtk-3.20/widgets/toolbar.css b/.themes/FlatColor/gtk-3.20/widgets/toolbar.css new file mode 100644 index 0000000..c31211f --- /dev/null +++ b/.themes/FlatColor/gtk-3.20/widgets/toolbar.css @@ -0,0 +1,39 @@ +/*********** + * toolbar * + ***********/ +toolbar { + padding: 4px; + border-style: none; + background-color: @tooltip_bg_color; + background-image: none; +} + +toolbar button { + padding: 2px; +} + +toolbar button.text-button { + padding: 2px 4px; +} + +toolbar button.path-bar-button { + padding: 6px; +} + +toolbar button.image-button { + padding: 2px; +} + +toolbar:disabled { + background-color: @bg_color; +} + +/* menubar toolbars */ +toolbar.menubar { + -GtkToolbar-button-relief: normal; +} + +linked entry:active, +linked entry:focus { + box-shadow: inset 4px 0 @selected_bg_color; +} |
