diff --git a/broken_stuff.md b/broken_stuff.md index cc8e98c..49d1527 100644 --- a/broken_stuff.md +++ b/broken_stuff.md @@ -1,3 +1,9 @@ +power menu icons +app icons (themed) +scroll with trackpad in firefox +smooth scrolling in firefox +mouse movement with keyboard + actuator/ scripts/actuator scripts/landscape diff --git a/gtk/assets/blank.png b/gtk/assets/blank.png new file mode 100644 index 0000000..caf7fab Binary files /dev/null and b/gtk/assets/blank.png differ diff --git a/gtk/assets/check-insensitive.png b/gtk/assets/check-insensitive.png new file mode 100644 index 0000000..57d7ea8 Binary files /dev/null and b/gtk/assets/check-insensitive.png differ diff --git a/gtk/assets/check-mixed-insensitive.png b/gtk/assets/check-mixed-insensitive.png new file mode 100644 index 0000000..67692f6 Binary files /dev/null and b/gtk/assets/check-mixed-insensitive.png differ diff --git a/gtk/assets/check-mixed.png b/gtk/assets/check-mixed.png new file mode 100644 index 0000000..8c92633 Binary files /dev/null and b/gtk/assets/check-mixed.png differ diff --git a/gtk/assets/check.png b/gtk/assets/check.png new file mode 100644 index 0000000..4a7496e Binary files /dev/null and b/gtk/assets/check.png differ diff --git a/gtk/assets/grid-selection-blank.png b/gtk/assets/grid-selection-blank.png new file mode 100644 index 0000000..268206f Binary files /dev/null and b/gtk/assets/grid-selection-blank.png differ diff --git a/gtk/assets/grid-selection.png b/gtk/assets/grid-selection.png new file mode 100644 index 0000000..e1b6f77 Binary files /dev/null and b/gtk/assets/grid-selection.png differ diff --git a/gtk/assets/menuitem-checkbox-checked-hover.png b/gtk/assets/menuitem-checkbox-checked-hover.png new file mode 100644 index 0000000..bf8ab90 Binary files /dev/null and b/gtk/assets/menuitem-checkbox-checked-hover.png differ diff --git a/gtk/assets/menuitem-checkbox-checked-insensitive.png b/gtk/assets/menuitem-checkbox-checked-insensitive.png new file mode 100644 index 0000000..0fa6d0d Binary files /dev/null and b/gtk/assets/menuitem-checkbox-checked-insensitive.png differ diff --git a/gtk/assets/menuitem-checkbox-checked.png b/gtk/assets/menuitem-checkbox-checked.png new file mode 100644 index 0000000..88db61a Binary files /dev/null and b/gtk/assets/menuitem-checkbox-checked.png differ diff --git a/gtk/assets/menuitem-checkbox-mixed-hover.png b/gtk/assets/menuitem-checkbox-mixed-hover.png new file mode 100644 index 0000000..85d3c4b Binary files /dev/null and b/gtk/assets/menuitem-checkbox-mixed-hover.png differ diff --git a/gtk/assets/menuitem-checkbox-mixed-insensitive.png b/gtk/assets/menuitem-checkbox-mixed-insensitive.png new file mode 100644 index 0000000..fa0aa24 Binary files /dev/null and b/gtk/assets/menuitem-checkbox-mixed-insensitive.png differ diff --git a/gtk/assets/menuitem-checkbox-mixed.png b/gtk/assets/menuitem-checkbox-mixed.png new file mode 100644 index 0000000..f533a54 Binary files /dev/null and b/gtk/assets/menuitem-checkbox-mixed.png differ diff --git a/gtk/assets/menuitem-radio-checked-hover.png b/gtk/assets/menuitem-radio-checked-hover.png new file mode 100644 index 0000000..66facd2 Binary files /dev/null and b/gtk/assets/menuitem-radio-checked-hover.png differ diff --git a/gtk/assets/menuitem-radio-checked-insensitive.png b/gtk/assets/menuitem-radio-checked-insensitive.png new file mode 100644 index 0000000..da01fe7 Binary files /dev/null and b/gtk/assets/menuitem-radio-checked-insensitive.png differ diff --git a/gtk/assets/menuitem-radio-checked.png b/gtk/assets/menuitem-radio-checked.png new file mode 100644 index 0000000..c162241 Binary files /dev/null and b/gtk/assets/menuitem-radio-checked.png differ diff --git a/gtk/assets/pane-separator-grip-vertical.png b/gtk/assets/pane-separator-grip-vertical.png new file mode 100644 index 0000000..79eb856 Binary files /dev/null and b/gtk/assets/pane-separator-grip-vertical.png differ diff --git a/gtk/assets/pane-separator-grip.png b/gtk/assets/pane-separator-grip.png new file mode 100644 index 0000000..7217f0a Binary files /dev/null and b/gtk/assets/pane-separator-grip.png differ diff --git a/gtk/assets/radio-checked.png b/gtk/assets/radio-checked.png new file mode 100644 index 0000000..52c13ce Binary files /dev/null and b/gtk/assets/radio-checked.png differ diff --git a/gtk/assets/radio-insensitive.png b/gtk/assets/radio-insensitive.png new file mode 100644 index 0000000..785d0d2 Binary files /dev/null and b/gtk/assets/radio-insensitive.png differ diff --git a/gtk/assets/radio-unchecked.png b/gtk/assets/radio-unchecked.png new file mode 100644 index 0000000..97b1086 Binary files /dev/null and b/gtk/assets/radio-unchecked.png differ diff --git a/gtk/assets/radio.png b/gtk/assets/radio.png new file mode 100644 index 0000000..a016624 Binary files /dev/null and b/gtk/assets/radio.png differ diff --git a/gtk/assets/slider-dark.png b/gtk/assets/slider-dark.png new file mode 100644 index 0000000..95bfd07 Binary files /dev/null and b/gtk/assets/slider-dark.png differ diff --git a/gtk/assets/slider-dark@2.png b/gtk/assets/slider-dark@2.png new file mode 100644 index 0000000..ec82279 Binary files /dev/null and b/gtk/assets/slider-dark@2.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-above-dark.png b/gtk/assets/slider-horz-scale-has-marks-above-dark.png new file mode 100644 index 0000000..ab97a0e Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-above-dark@2.png b/gtk/assets/slider-horz-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..f819ed3 Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/gtk/assets/slider-horz-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..81154d1 Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/gtk/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..7f2ca8c Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-above-insensitive.png b/gtk/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..f6b3db4 Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/gtk/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..5922416 Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-above.png b/gtk/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..ab97a0e Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-above.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-above@2.png b/gtk/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..f819ed3 Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-below-dark.png b/gtk/assets/slider-horz-scale-has-marks-below-dark.png new file mode 100644 index 0000000..9d4e31d Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-below-dark@2.png b/gtk/assets/slider-horz-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..f364d0b Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/gtk/assets/slider-horz-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..2a992b0 Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/gtk/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..0b90867 Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-below-insensitive.png b/gtk/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..3fee8a5 Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/gtk/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..79c9d7d Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-below.png b/gtk/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..9d4e31d Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-below.png differ diff --git a/gtk/assets/slider-horz-scale-has-marks-below@2.png b/gtk/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..f364d0b Binary files /dev/null and b/gtk/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/gtk/assets/slider-insensitive-dark.png b/gtk/assets/slider-insensitive-dark.png new file mode 100644 index 0000000..5dd862d Binary files /dev/null and b/gtk/assets/slider-insensitive-dark.png differ diff --git a/gtk/assets/slider-insensitive-dark@2.png b/gtk/assets/slider-insensitive-dark@2.png new file mode 100644 index 0000000..3c40f47 Binary files /dev/null and b/gtk/assets/slider-insensitive-dark@2.png differ diff --git a/gtk/assets/slider-insensitive.png b/gtk/assets/slider-insensitive.png new file mode 100644 index 0000000..108e4ce Binary files /dev/null and b/gtk/assets/slider-insensitive.png differ diff --git a/gtk/assets/slider-insensitive@2.png b/gtk/assets/slider-insensitive@2.png new file mode 100644 index 0000000..4b8264a Binary files /dev/null and b/gtk/assets/slider-insensitive@2.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-above-dark.png b/gtk/assets/slider-vert-scale-has-marks-above-dark.png new file mode 100644 index 0000000..9394375 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-above-dark@2.png b/gtk/assets/slider-vert-scale-has-marks-above-dark@2.png new file mode 100644 index 0000000..9c064f1 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/gtk/assets/slider-vert-scale-has-marks-above-insensitive-dark.png new file mode 100644 index 0000000..24c1397 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/gtk/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png new file mode 100644 index 0000000..d80457d Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-above-insensitive.png b/gtk/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..8a5cb25 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/gtk/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..30706e6 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-above.png b/gtk/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..9394375 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-above.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-above@2.png b/gtk/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..9c064f1 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-below-dark.png b/gtk/assets/slider-vert-scale-has-marks-below-dark.png new file mode 100644 index 0000000..253edfe Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-below-dark@2.png b/gtk/assets/slider-vert-scale-has-marks-below-dark@2.png new file mode 100644 index 0000000..f9b44ae Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/gtk/assets/slider-vert-scale-has-marks-below-insensitive-dark.png new file mode 100644 index 0000000..f37e41f Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/gtk/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png new file mode 100644 index 0000000..bb42075 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-below-insensitive.png b/gtk/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..1fd9543 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/gtk/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..5ad1ab8 Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-below.png b/gtk/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..253edfe Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-below.png differ diff --git a/gtk/assets/slider-vert-scale-has-marks-below@2.png b/gtk/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..f9b44ae Binary files /dev/null and b/gtk/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/gtk/assets/slider.png b/gtk/assets/slider.png new file mode 100644 index 0000000..95bfd07 Binary files /dev/null and b/gtk/assets/slider.png differ diff --git a/gtk/assets/slider@2.png b/gtk/assets/slider@2.png new file mode 100644 index 0000000..ec82279 Binary files /dev/null and b/gtk/assets/slider@2.png differ diff --git a/gtk/gnome-applications.css b/gtk/gnome-applications.css new file mode 100644 index 0000000..30bc746 --- /dev/null +++ b/gtk/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/gtk/gtk-widgets.css b/gtk/gtk-widgets.css new file mode 100644 index 0000000..5546187 --- /dev/null +++ b/gtk/gtk-widgets.css @@ -0,0 +1,786 @@ +/* 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: 0; +} + +frame.border-groove, +frame.border-ridge { + border-radius: 0; + border-width: 0px; + border-style: none; +} + +frame.border-groove border, +frame.border-ridge border { + border-radius: 0; + border-width: 3px; + border-style: solid; + border-color: shade(@theme_bg_color, 0.9); +} +/******************* + * scrolled window * + *******************/ + +scrolledwindow.frame { + border-radius: 0; + 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; + border-radius: 0; + background-color: @theme_selected_bg_color; + background-image: none; + color: @theme_selected_fg_color; +} +.content-view.view.rubberband, +.view.rubberband, +.rubberband { + border-width: 1px; + border-style: solid; + border-color: shade(@theme_selected_bg_color, 0.9); + border-radius: 0; + background-color: alpha(@theme_selected_bg_color, 0.3); +} +/********* + * 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; + border-radius: 0px; + 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 { + border-radius: 0; +} +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); + border-radius: 0; + 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); + border-radius: 0; + 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; + border-radius: 0; + 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; + border-radius: 0; + 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; + border-radius: 0; + 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 { + border-radius: 0; +} +.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; + border-radius: 0; + box-shadow: none; + background-color: @theme_tooltip_bg_color; +} diff --git a/gtk/gtk.css b/gtk/gtk.css new file mode 100644 index 0000000..e530d03 --- /dev/null +++ b/gtk/gtk.css @@ -0,0 +1,96 @@ + +/* Default color scheme */ + +@import url("colors.css"); + +@define-color selected_bg_color #87afaf; +@define-color bg_color @color8; +@define-color tooltip_bg_color shade(@color0, 1.20); +@define-color base_color mix(@color8, @color0, 1.2); +@define-color fg_color @color15; +@define-color text_color @color15; +@define-color selected_fg_color @color15; +@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 light_shadow #eeeeee; +@define-color dark_shadow #222222; + +/* 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/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"); +@import url("widgets/chrome.css"); diff --git a/gtk/gtk.css.base b/gtk/gtk.css.base new file mode 100644 index 0000000..08b9fba --- /dev/null +++ b/gtk/gtk.css.base @@ -0,0 +1,108 @@ +/* Default color scheme */ +@define-color color0 {color0}; +@define-color color1 {color1}; +@define-color color2 {color2}; +@define-color color3 {color3}; +@define-color color4 {color4}; +@define-color color5 {color5}; +@define-color color6 {color6}; +@define-color color7 {color7}; +@define-color color8 {color8}; +@define-color color9 {color9}; +@define-color color10 {color10}; +@define-color color11 {color11}; +@define-color color12 {color12}; +@define-color color13 {color13}; +@define-color color14 {color14}; +@define-color color15 {color15}; +@define-color selected_bg_color {active}; +@define-color bg_color mix(@color0, @color15, 0.12); +@define-color tooltip_bg_color mix(@color0, @color15, 0.04); +@define-color base_color mix(@color0, @color15, 0); +@define-color fg_color @color15; +@define-color text_color @color15; +@define-color selected_fg_color @color15; +@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 light_shadow #eeeeee; +@define-color dark_shadow #222222; + +/* 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/gtk/settings.ini b/gtk/settings.ini new file mode 100644 index 0000000..bdf313d --- /dev/null +++ b/gtk/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/gtk/unity.css b/gtk/unity.css new file mode 100644 index 0000000..8b0316a --- /dev/null +++ b/gtk/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/gtk/widgets/button.css b/gtk/widgets/button.css new file mode 100644 index 0000000..8548023 --- /dev/null +++ b/gtk/widgets/button.css @@ -0,0 +1,55 @@ + +/********** + * button * + **********/ +button { + padding: 5px; + border-width: 1px; + border-style: solid; + border-color: transparent; + border-radius: 0px; + background-color: @button_normal_color; + background-image: none; + color: @text_color; +} + +button:focus { + border: @selected_bg_color 2px dotted; + color: @fg_color; +} + +button:hover { + background-color: shade(@selected_bg_color, 0.9); + color: @fg_color; +} + +button:active, +button:active:hover, +button.toggle:checked { + color: @fg_color; + background-color: shade(@selected_bg_color, 0.83); +} + +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); +} diff --git a/gtk/widgets/calendar.css b/gtk/widgets/calendar.css new file mode 100644 index 0000000..9fc4032 --- /dev/null +++ b/gtk/widgets/calendar.css @@ -0,0 +1,32 @@ +/************ + * Calendar * + ***********/ +calendar { + padding: 1px; + border: 1px solid @bg_color; + 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: 0; +} + +calendar:indeterminate { + color: alpha(currentColor, 0.4); +} + +calendar.highlight { + background-color: alpha(@selected_bg_color, 0.1); + color: @selected_fg_color; + font-weight: 100; +} diff --git a/gtk/widgets/cell-row.css b/gtk/widgets/cell-row.css new file mode 100644 index 0000000..c763c25 --- /dev/null +++ b/gtk/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/gtk/widgets/check-radio.css b/gtk/widgets/check-radio.css new file mode 100644 index 0000000..bb8d6bf --- /dev/null +++ b/gtk/widgets/check-radio.css @@ -0,0 +1,164 @@ +/************************* + * Check and Radio items * + *************************/ + +check, +radio { + color: alpha(currentColor, 0.75); + background-color: @base_color; + margin-right: 5px; +} + +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 { + 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:indeterminate { + -gtk-icon-source: -gtk-recolor(url("../assets/check-mixed.png")); +} +radio { + border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(@selected_bg_color), to(transparent)) 24/24px; + -gtk-icon-source: image(-gtk-recolor(url("../assets/blank.png")), -gtk-recolor(url("../assets/blank.png"))); +} +radio:checked { + -gtk-icon-source: -gtk-recolor(url("../assets/blank.png")); +} +radio:checked:disabled { + border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(68, 138, 255, 0.4)), to(transparent)) 24/24px; +} +radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("../assets/blank.png")); +} +radio:indeterminate:checked { + -gtk-icon-source: -gtk-recolor(url("../assets/blank.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; +} +treeview.view check, +treeview.view radio { + padding: 0; +} +treeview.view check:checked:hover, +treeview.view check:selected:checked:hover, +treeview.view radio:checked:hover, +treeview.view radio:selected:checked:hover { + background-image: none; +} +treeview.view check, +treeview.view radio { + color: shade(@selected_bg_color, 0.8); +} +treeview.view check:hover, +treeview.view check:active, +treeview.view radio:hover, +treeview.view radio:active { + color: shade(@selected_bg_color, 0.8); +} +treeview.view check:disabled, +treeview.view radio:disabled { + color: shade(@selected_bg_color, 0.8); +} +treeview.view check:checked, +treeview.view check:indeterminate, +treeview.view radio:checked, +treeview.view radio:indeterminate { + color: @selected_bg_color; +} +treeview.view check:checked:disabled, +treeview.view check:indeterminate:disabled, +treeview.view radio:checked:disabled, +treeview.view radio:indeterminate:disabled { + color: shade(@selected_bg_color, 0.8); +} +treeview.view check:selected, +treeview.view radio:selected { + color: shade(@fg_color, 0.75); +} +treeview.view check:selected:hover, +treeview.view check:selected:active, +treeview.view radio:selected:hover, +treeview.view radio:selected:active { + color: @selected_fg_color; +} +treeview.view check:selected:disabled, +treeview.view radio:selected:disabled { + color: shade(@selected_fg_color, 0.3); +} +treeview.view check:selected:checked, +treeview.view check:selected:indeterminate, +treeview.view radio:selected:checked, +treeview.view radio:selected:indeterminate { + color: #448AFF; +} +treeview.view check:selected:checked:disabled, +treeview.view check:selected:indeterminate:disabled, +treeview.view radio:selected:checked:disabled, +treeview.view radio:selected:indeterminate:disabled { + color: @selected_fg_color; +} +treeview.view radio:checked { + -gtk-icon-source: image(-gtk-recolor(url("../assets/radio-checked.png")), -gtk-recolor(url("assets/radio-checked.png"))); + border-image: none; +} diff --git a/gtk/widgets/chrome.css b/gtk/widgets/chrome.css new file mode 100644 index 0000000..5bf2bdf --- /dev/null +++ b/gtk/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/gtk/widgets/color-chooser.css b/gtk/widgets/color-chooser.css new file mode 100644 index 0000000..5573a87 --- /dev/null +++ b/gtk/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: mix(@text_color, @base_color, 0.4); +} + +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/gtk/widgets/column-header.css b/gtk/widgets/column-header.css new file mode 100644 index 0000000..d6d9488 --- /dev/null +++ b/gtk/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/gtk/widgets/combobox.css b/gtk/widgets/combobox.css new file mode 100644 index 0000000..ba0de59 --- /dev/null +++ b/gtk/widgets/combobox.css @@ -0,0 +1,26 @@ +/************** + * 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; +} diff --git a/gtk/widgets/csd.css b/gtk/widgets/csd.css new file mode 100644 index 0000000..adaca8a --- /dev/null +++ b/gtk/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/gtk/widgets/entry.css b/gtk/widgets/entry.css new file mode 100644 index 0000000..576fc02 --- /dev/null +++ b/gtk/widgets/entry.css @@ -0,0 +1,40 @@ +/********* + * entry * + *********/ +entry { + padding: 6px 8px; + border-width: 1px; + border-style: solid; + border-color: transparent; + border-radius: 0; + background-color: @base_color; + background-image: none; + color: @text_color; +} + +entry:active, +entry:focus { + box-shadow: inset 0px 0px @selected_bg_color; + border-color: @selected_bg_color; +} + +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); + background-image: none; + color: mix(@text_color, @base_color, 0.4); +} + +entry.progressbar { + border-width: 0; + border-radius: 0; + background-color: @selected_bg_color; + background-image: none; + color: @selected_fg_color; +} diff --git a/gtk/widgets/header-bar.css b/gtk/widgets/header-bar.css new file mode 100644 index 0000000..1f0e5ac --- /dev/null +++ b/gtk/widgets/header-bar.css @@ -0,0 +1,27 @@ +/************** + * header-bar * + **************/ + +.header-bar { + padding: 4px; + border-width: 0; + border-style: none; + background-color: @bg_color; +} + +.header-bar .button.text-button { + padding: 4px; +} + +.header-bar .button.image-button { + padding: 6px; +} + +.header-bar .title { + font-weight: bold; +} + +.header-bar .subtitle { + font-size: smaller; +} + diff --git a/gtk/widgets/infobar.css b/gtk/widgets/infobar.css new file mode 100644 index 0000000..222768f --- /dev/null +++ b/gtk/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/gtk/widgets/linked-buttons.css b/gtk/widgets/linked-buttons.css new file mode 100644 index 0000000..9e50656 --- /dev/null +++ b/gtk/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: mix(@text_color, @base_color, 0.4); +} + +/* 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: mix(@text_color, @base_color, 0.4); +} + +/* 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: mix(@text_color, @base_color, 0.4); +} + +/* 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/gtk/widgets/menu.css b/gtk/widgets/menu.css new file mode 100644 index 0000000..b40990f --- /dev/null +++ b/gtk/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/gtk/widgets/notebook.css b/gtk/widgets/notebook.css new file mode 100644 index 0000000..add0b04 --- /dev/null +++ b/gtk/widgets/notebook.css @@ -0,0 +1,200 @@ +/************* + * Notebooks * + *************/ + +notebook > header { + border-width: 1px; + border-color: rgba(0, 0, 0, 0.1); + background-color: @bg_color; + background-clip: border-box; +} +notebook > header.top { + border-bottom-style: solid; +} +notebook > header.top > tabs > tab:not(.reorderable-page) { + margin-bottom: -1px; +} +notebook > header.top > tabs > tab:not(.reorderable-page):hover { + background-color: shade( @selected_bg_color, 0.70) +} +notebook > header.top > tabs > tab:not(.reorderable-page):checked { + background-color: @tooltip_bg_color; +} +notebook > header.bottom { + border-top-style: solid; +} +notebook > header.bottom > tabs > tab:not(.reorderable-page) { + margin-top: -1px; +} +notebook > header.bottom > tabs > tab:not(.reorderable-page):hover { + background-color: @selected_bg_color; +} +notebook > header.bottom > tabs > tab:not(.reorderable-page):checked { + background-color: @tooltip_bg_color; +} +notebook > header.left { + border-right-style: solid; +} +notebook > header.left > tabs > tab:not(.reorderable-page) { + margin-right: -1px; +} +notebook > header.left > tabs > tab:not(.reorderable-page):hover { + background-color: shade( @selected_bg_color, 0.70); +} +notebook > header.left > tabs > tab:not(.reorderable-page):checked { + background-color: @tooltip_bg_color; +} +notebook > header.right { + border-left-style: solid; +} +notebook > header.right > tabs > tab:not(.reorderable-page) { + margin-left: -1px; +} +notebook > header.right > tabs > tab:not(.reorderable-page):hover { + background-color: @selected_bg_color; +} +notebook > header.right > tabs > tab:not(.reorderable-page):checked { + background-color: @tooltip_bg_color; +} +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:hover { + color: @selected_fg_color; +} +notebook > header tab:hover.reorderable-page { + border-color: @selected_bg_color; + background-color: @tooltip_bg_color; +} +notebook > header tab:disabled { + color: @selected_fg_color; +} +notebook > header tab:checked { + color: @selected_fg_color; +} +notebook > header tab:checked:disabled { + color: @selected_fg_color; +} +notebook > header tab:checked:not(.reorderable-page) { + animation: tab_ripple_effect 0.6s ease-in-out; +} +notebook > header tab:checked.reorderable-page { + border-color: rgba(0, 0, 0, 0.1); + background-color: @tooltip_bg_color; +} +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; +} +/*aqui esta lo que debe modificars*/ diff --git a/gtk/widgets/osd.css b/gtk/widgets/osd.css new file mode 100644 index 0000000..46b63fb --- /dev/null +++ b/gtk/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/gtk/widgets/progress-scale.css b/gtk/widgets/progress-scale.css new file mode 100644 index 0000000..9f20658 --- /dev/null +++ b/gtk/widgets/progress-scale.css @@ -0,0 +1,365 @@ +/***************** + * 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); +} +progressbar progress { + background-color: @selected_bg_color; +} +/************* + * 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 { + 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.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; + background-color: alpha(@selected_bg_color, 0.3); +} +scale trough:disabled { + color: rgba(0, 0, 0, 0.32); +} +scale highlight { + background-color: @selected_bg_color; +} +scale highlight:disabled { + background-color: transparent; +} +scale fill { + background-color: alpha(@selected_bg_color, 0.3); +} +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% - 0px); +} +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/gtk/widgets/scrollbar.css b/gtk/widgets/scrollbar.css new file mode 100644 index 0000000..df6bf50 --- /dev/null +++ b/gtk/widgets/scrollbar.css @@ -0,0 +1,116 @@ +/************** + * Scrollbars * + **************/ + +scrollbar { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; + background-color: @tooltip_bg_color; + background-clip: padding-box; +} +* { + -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); +} +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/gtk/widgets/selection-mode.css b/gtk/widgets/selection-mode.css new file mode 100644 index 0000000..6000be2 --- /dev/null +++ b/gtk/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/gtk/widgets/separator.css b/gtk/widgets/separator.css new file mode 100644 index 0000000..bfc0201 --- /dev/null +++ b/gtk/widgets/separator.css @@ -0,0 +1,24 @@ +/************* + * separator * + *************/ +.sidebar.view.separator, +.view.separator, +.separator { + border-width: 0; + border-style: none; + color: transparent; +} +.separator:disabled { + color: transparent; +} +.button .separator, +.button.separator { + border-width: 0; + color: transparent; +} + +.button .separator:disabled, +.button.separator:disabled { + color: transparent; + border-width: 0; +} diff --git a/gtk/widgets/sidebar.css b/gtk/widgets/sidebar.css new file mode 100644 index 0000000..03d9be5 --- /dev/null +++ b/gtk/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/gtk/widgets/spinbutton.css b/gtk/widgets/spinbutton.css new file mode 100644 index 0000000..72a07a2 --- /dev/null +++ b/gtk/widgets/spinbutton.css @@ -0,0 +1,102 @@ +/************** + * spinbutton * + **************/ +.spinbutton .button { + + color: mix(@text_color, @base_color, 0.4); + padding: 2px 4px; + border-width: 0; + border-radius: 0; + border-style: none; + background-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 { + border-radius: 0; + box-shadow: none; +} + +.spinbutton .button:last-child { + border-radius: 0; +} + +.spinbutton .button:dir(rtl) { + +} + +.spinbutton.vertical .button { + + border-width: 1px; + border-style: none; + border-radius: 0; + background-color: @base_color; + color: mix(@text_color, @base_color, 0.4); + 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-color: shade(@bg_color, 1.04); + background-image: none; + color: mix(@text_color, @base_color, 0.4); + background-image: none; +} + +.spinbutton.vertical .button:first-child { + border-width: 1px 1px 0 1px; + border-bottom-width: 0; + border-radius: 0; +} + +.spinbutton.vertical .button:last-child { + border-width: 0 1px 1px 1px; + border-top-width: 0; + border-radius: 0; +} + +.spinbutton.vertical.entry { + border-width: 0; + border-style: none; + border-top-color: @base_color; + border-bottom-color: @base_color; + border-radius: 0; +} +.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/gtk/widgets/spinner.css b/gtk/widgets/spinner.css new file mode 100644 index 0000000..57251e2 --- /dev/null +++ b/gtk/widgets/spinner.css @@ -0,0 +1,120 @@ + +/*********** + * spinner * + ***********/ +@keyframes spinner { + 0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } + + 12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); } + + 25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); } + + 37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); } + + 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); } + + 62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); } + + 75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); } + + 87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); } + + 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } +} + +.spinner { + background-color: transparent; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); + + background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%; + background-size: 15% 15%; + background-repeat: no-repeat; +} + +.spinner:active { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), + -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); + + animation: spinner 1s infinite linear; +} + +.menu.spinner, +.primary-toolbar .spinner { + color: @selected_bg_color; +} diff --git a/gtk/widgets/switch.css b/gtk/widgets/switch.css new file mode 100644 index 0000000..5bf986a --- /dev/null +++ b/gtk/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/gtk/widgets/toolbar.css b/gtk/widgets/toolbar.css new file mode 100644 index 0000000..c31211f --- /dev/null +++ b/gtk/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; +} diff --git a/install.conf.yaml b/install.conf.yaml index d50904b..01a095d 100644 --- a/install.conf.yaml +++ b/install.conf.yaml @@ -20,12 +20,21 @@ - ~/.config/bat - ~/.config/texmf/tex/latex - ~/.config/texmf/tex/latex/theme + - ~/.config/gtk-3.0/ - link: ~/.config/zsh/.zshrc: zsh/zshrc ~/.config/nvim/init.lua: nvim/init.lua ~/.config/nvim/lua: nvim/lua ~/.config/nvim/UltiSnips: nvim/ultisnips + ~/.config/gtk-3.0/gtk.css: gtk/gtk.css + ~/.config/gtk-3.0/settings.ini: gtk/settings.ini + ~/.config/gtk-3.0/gnome-applications.css: gtk/gnome-applications.css + ~/.config/gtk-3.0/assets: gtk/assets + ~/.config/gtk-3.0/gtk-widgets.css: gtk/gtk-widgets.css + ~/.config/gtk-3.0/unity.css: gtk/unity.css + ~/.config/gtk-3.0/gtk.css.base: gtk/gtk.css.base + ~/.config/gtk-3.0/widgets: gtk/widgets ~/.config/X11/Xresources: X11/Xresources ~/.config/bspwm: bspwm ~/.config/sxhkd: sxhkd diff --git a/scripts/_xournal-ugly b/scripts/_xournal-ugly new file mode 100755 index 0000000..c9e8156 --- /dev/null +++ b/scripts/_xournal-ugly @@ -0,0 +1,29 @@ +#!/usr/bin/env python +# vim: ft=python + +import os + +fixes = [] +with open(os.environ["XDG_CONFIG_HOME"] + "/xournal_conf/ugly_fix", "r") as f: + fixes = f.read().strip().split("\n") + +with open(os.environ["XDG_CONFIG_HOME"] + "/xournalpp/settings.xml", "r") as f: + text = f.read().strip().split("\n") + +for i in range(len(text)): + if "selectionBorderColor" in text[i]: + text[i] = '' + if "backgroundColor" in text[i] and "pageTemplate" not in text[i]: + text[i] = '' + if "selectionMarkerColor" in text[i]: + text[i] = '' + if "pageTemplate" in text[i]: + text[i] = '' + if "defaultViewModeAttributes" in text[i]: + text[i] = '' + + +text = "\n".join(text) + +with open(os.environ["XDG_CONFIG_HOME"] + "/xournalpp/settings.xml", "w") as f: + f.write(text) diff --git a/scripts/themectl b/scripts/themectl index b9e978d..981135a 100755 Binary files a/scripts/themectl and b/scripts/themectl differ diff --git a/scripts/xournalpp b/scripts/xournalpp new file mode 100755 index 0000000..40d1828 --- /dev/null +++ b/scripts/xournalpp @@ -0,0 +1,5 @@ +#!/bin/bash + +_xournal-ugly + +/usr/bin/xournalpp $XDG_CONFIG_HOME/xournal_conf/default_jtheme.xopt diff --git a/spicetify/config.ini b/spicetify/config.ini index 8f39687..bd4e45b 100644 --- a/spicetify/config.ini +++ b/spicetify/config.ini @@ -27,6 +27,5 @@ expose_apis = 1 ; DO NOT CHANGE! [Backup] -version = 1.2.13.661.ga588f749 -with = 2.14.0 - +version = 1.1.84.716.gc5f8b819 +with = 2.16.1 diff --git a/tex/notes.cls b/tex/notes.cls index 3adadb8..0f1096b 100644 --- a/tex/notes.cls +++ b/tex/notes.cls @@ -1,5 +1,5 @@ \ProvidesClass{notes} -\LoadClass{article} +\LoadClass[letterpaper]{article} \RequirePackage{tex-macros} \RequirePackage[T1]{fontenc} @@ -36,8 +36,8 @@ \RequirePackage{tikz} \RequirePackage{tikz-cd} \RequirePackage{pgfplots} -\RequirePackage{hyperref} \RequirePackage{algpseudocode} +\RequirePackage{hyperref} \RequirePackage{algorithm} \hypersetup{ diff --git a/themectl/config.toml b/themectl/config.toml index db05713..f68fd8a 100644 --- a/themectl/config.toml +++ b/themectl/config.toml @@ -24,3 +24,9 @@ tmtheme = { file = "~/.cache/theme/theme.tmTheme" } tmux = { file = "~/.cache/theme/tmux.conf" } beamercolortheme = { file = "~/.config/texmf/tex/latex/theme/beamercolorthemetheme.sty" } + +gtk3-custom = { file = "~/.config/gtk-3.0/colors.css" } + +xournal-custom = { file = "~/.config/xournal_conf/default_jtheme.xopt" } +palette-custom = { file = "~/.config/xournalpp/palette.gpl" } +xournal-ugly-custom = { file = "~/.config/xournal_conf/ugly_fix" } diff --git a/themectl/templates/gtk3-custom.mustache b/themectl/templates/gtk3-custom.mustache new file mode 100644 index 0000000..b12c477 --- /dev/null +++ b/themectl/templates/gtk3-custom.mustache @@ -0,0 +1,16 @@ +@define-color color0 #{{base00-hex}}; +@define-color color1 #{{base08-hex}}; +@define-color color2 #{{base0B-hex}}; +@define-color color3 #{{base0A-hex}}; +@define-color color4 #{{base0D-hex}}; +@define-color color5 #{{base0E-hex}}; +@define-color color6 #{{base0C-hex}}; +@define-color color7 #{{base05-hex}}; +@define-color color8 #{{base03-hex}}; +@define-color color9 #{{base09-hex}}; +@define-color color10 #{{base01-hex}}; +@define-color color11 #{{base02-hex}}; +@define-color color12 #{{base04-hex}}; +@define-color color13 #{{base06-hex}}; +@define-color color14 #{{base0F-hex}}; +@define-color color15 #{{base07-hex}}; diff --git a/themectl/templates/palette-custom.mustache b/themectl/templates/palette-custom.mustache new file mode 100644 index 0000000..b04450b --- /dev/null +++ b/themectl/templates/palette-custom.mustache @@ -0,0 +1,14 @@ +GIMP Palette +Name: Xournal Theme Palette +# +{{base05-rgb-r}} {{base05-rgb-g}} {{base05-rgb-b}} 5 +{{base08-rgb-r}} {{base08-rgb-g}} {{base08-rgb-b}} 8 +{{base09-rgb-r}} {{base09-rgb-g}} {{base09-rgb-b}} 9 +{{base0A-rgb-r}} {{base0A-rgb-g}} {{base0A-rgb-b}} A +{{base0B-rgb-r}} {{base0B-rgb-g}} {{base0B-rgb-b}} B +{{base0C-rgb-r}} {{base0C-rgb-g}} {{base0C-rgb-b}} C +{{base0D-rgb-r}} {{base0D-rgb-g}} {{base0D-rgb-b}} D +{{base0E-rgb-r}} {{base0E-rgb-g}} {{base0E-rgb-b}} E +{{base0F-rgb-r}} {{base0F-rgb-g}} {{base0F-rgb-b}} F +{{base00-rgb-r}} {{base00-rgb-g}} {{base00-rgb-b}} 0 +{{base02-rgb-r}} {{base02-rgb-g}} {{base02-rgb-b}} 2 diff --git a/themectl/templates/xournal-custom.mustache b/themectl/templates/xournal-custom.mustache new file mode 100644 index 0000000..dc2c91b --- /dev/null +++ b/themectl/templates/xournal-custom.mustache @@ -0,0 +1,6 @@ +xoj/template +copyLastPageSize=false +copyLastPageSettings=false +size=611.999983x791.999983 +backgroundType=graph +backgroundColor=#ff{{base00-hex}} diff --git a/themectl/templates/xournal-ugly-custom.mustache b/themectl/templates/xournal-ugly-custom.mustache new file mode 100644 index 0000000..e81afe2 --- /dev/null +++ b/themectl/templates/xournal-ugly-custom.mustache @@ -0,0 +1,4 @@ +{{base00-hex}} +{{base01-hex}} +{{base02-hex}} +{{base0A-hex}} diff --git a/zsh/zshrc b/zsh/zshrc index 994723e..de1974b 100644 --- a/zsh/zshrc +++ b/zsh/zshrc @@ -1,6 +1,6 @@ -export PATH=$HOME/.config/bin:$PATH:$HOME/.local/bin:$HOME/.local/share/texlive/2022/bin/x86_64-linux:$HOME/.local/share/cargo/bin:/home/emh/.local/share/solana/install/active_release/bin -export MANPATH=$MANPATH:$HOME/.local/share/texlive/2022/texmf-dist/doc/man -export INFOPATH=$INFOPATH:$HOME/.local/share/texlive/2022/texmf-dist/doc/info +export PATH=$HOME/.config/bin:$HOME/.local/bin:$HOME/.local/share/texlive/2023/bin/x86_64-linux:$HOME/.local/share/cargo/bin:/home/emh/.local/share/solana/install/active_release/bin:$PATH +export MANPATH=$MANPATH:$HOME/.local/share/texlive/2023/texmf-dist/doc/man +export INFOPATH=$INFOPATH:$HOME/.local/share/texlive/2023/texmf-dist/doc/info . "$HOME"/.cache/theme/colors.sh . "$HOME"/.cache/theme/variables.sh diff --git a/zshenv b/zshenv index 42c111f..42d5b95 100644 --- a/zshenv +++ b/zshenv @@ -42,6 +42,4 @@ export FEH_HOME="$HOME"/.config/feh/ # export R_HOME="$HOME"/.local/share/R export R_HOME_DIR="$HOME"/.local/share/R export SCREENSHOT_HOME="$HOME"/media/images - - export TERM=xterm-256color