/* Euri Linux GTK3 Theme */ /* Dark theme with blue accent (#2EA3F2) */ @define-color bg_color #232629; @define-color fg_color #eff0f1; @define-color base_color #1d1f21; @define-color text_color #eff0f1; @define-color selected_bg_color #2EA3F2; @define-color selected_fg_color #ffffff; @define-color tooltip_bg_color #31363b; @define-color tooltip_fg_color #eff0f1; @define-color borders #3f4347; @define-color borders_edge #1a1c1e; @define-color link_color #2EA3F2; @define-color warning_color #fbbc15; @define-color error_color #ed1515; @define-color success_color #11d116; @define-color insensitive_bg_color #2a2d2f; @define-color insensitive_fg_color #6e7175; @define-color insensitive_borders #2a2d2f; * { background-clip: padding-box; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: @error_color; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkWidget-text-handle: 1; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 1; -GtkWidget-link-color: @link_color; -GtkWidget-visited-link-color: shade(@link_color, 0.8); -GtkWindow-resize-grip-height: 0; -WnckTasklist-fade-overlay-rect: 0; outline-color: alpha(@selected_bg_color, 0.5); outline-style: dashed; outline-offset: -3px; } *:disabled { color: @insensitive_fg_color; text-shadow: none; } .background { color: @fg_color; background-color: @bg_color; } /* Apply accent to selection */ *:selected, *:selected:focus { background-color: @selected_bg_color; color: @selected_fg_color; } /* Links */ *:link { color: @link_color; } *:visited { color: shade(@link_color, 0.8); } /* Windows */ window { background-color: @bg_color; } /* Header bars / Titlebars */ headerbar { background-color: #1d1f21; color: @fg_color; border-bottom: 1px solid @borders; padding: 0 6px; } headerbar:backdrop { background-color: #1d1f21; } /* Toolbars */ toolbar { background-color: @bg_color; border-style: none; padding: 4px; } /* Menu bar */ menubar { background-color: @bg_color; color: @fg_color; } menubar > menuitem:hover { background-color: @selected_bg_color; color: @selected_fg_color; } /* Menus */ menu { background-color: @bg_color; color: @fg_color; border: 1px solid @borders; } menu > menuitem:hover { background-color: @selected_bg_color; color: @selected_fg_color; } /* Buttons */ button { background-color: #31363b; color: @fg_color; border: 1px solid @borders; border-radius: 3px; padding: 4px 8px; transition: all 0.1s ease; } button:hover { background-color: #3f4347; border-color: shade(@borders, 1.2); } button:active, button:checked { background-color: @selected_bg_color; color: @selected_fg_color; } button.suggested-action { background-color: @selected_bg_color; color: @selected_fg_color; font-weight: bold; } button.suggested-action:hover { background-color: shade(@selected_bg_color, 1.1); } button.destructive-action { background-color: @error_color; color: @selected_fg_color; } /* Entry fields */ entry { background-color: @base_color; color: @text_color; border: 1px solid @borders; border-radius: 3px; padding: 4px 8px; } entry:focus { border-color: @selected_bg_color; } /* Notebooks / Tabs */ notebook { background-color: @bg_color; } notebook tab { background-color: shade(@bg_color, 0.9); border: 1px solid @borders; padding: 6px 12px; } notebook tab:checked { background-color: @bg_color; border-bottom-color: @bg_color; } /* Tree views / Lists */ treeview { background-color: @base_color; color: @text_color; } treeview:selected { background-color: @selected_bg_color; color: @selected_fg_color; } list { background-color: @base_color; } list row:selected { background-color: @selected_bg_color; color: @selected_fg_color; } /* Scrollbars */ scrollbar { background-color: @bg_color; border: none; } scrollbar slider { background-color: @borders; border-radius: 6px; min-width: 8px; min-height: 8px; } scrollbar slider:hover { background-color: @selected_bg_color; } scrollbar slider:active { background-color: shade(@selected_bg_color, 0.8); } /* Progress bars */ progressbar { background-color: @borders; border-radius: 3px; } progressbar progress { background-color: @selected_bg_color; border-radius: 3px; } /* Switches */ switch { background-color: @borders; border-radius: 12px; } switch:checked { background-color: @selected_bg_color; } switch slider { background-color: @fg_color; border-radius: 12px; } /* Tooltips */ tooltip { background-color: @tooltip_bg_color; color: @tooltip_fg_color; border: 1px solid @borders; border-radius: 3px; } /* Spin buttons */ spinbutton { background-color: @base_color; } spinbutton:focus { border-color: @selected_bg_color; } /* Combo boxes */ combobox { background-color: @base_color; } /* Paned */ paned > separator { background-color: @borders; } /* Infobar */ infobar { background-color: @selected_bg_color; color: @selected_fg_color; } /* Frame */ frame { border: 1px solid @borders; } /* Status bar */ statusbar { background-color: @bg_color; color: @fg_color; } /* Assistant / Dialog */ .dialog-vbox { background-color: @bg_color; } /* Action bar */ actionbar { background-color: @bg_color; border-top: 1px solid @borders; } /* Colors for GtkInfoBar */ .info { background-color: @selected_bg_color; } .warning { background-color: @warning_color; color: @base_color; } .question { background-color: @selected_bg_color; } .error { background-color: @error_color; } /* Level bar */ levelbar block { background-color: @selected_bg_color; } levelbar block:disabled { background-color: @insensitive_bg_color; } levelbar block.low { background-color: @warning_color; } levelbar block.high { background-color: @success_color; } levelbar block.full { background-color: @success_color; } levelbar block.empty { background-color: @borders; } /* Calendar */ calendar { background-color: @base_color; color: @text_color; } calendar:selected { background-color: @selected_bg_color; color: @selected_fg_color; } calendar.header { background-color: @bg_color; } calendar.button { background-color: @bg_color; } /* Scale / Sliders */ scale { min-height: 20px; } scale trough { background-color: @borders; border-radius: 3px; } scale highlight { background-color: @selected_bg_color; border-radius: 3px; } scale slider { background-color: @fg_color; border-radius: 50%; min-width: 16px; min-height: 16px; } /* Check buttons and radio buttons */ check, radio { background-color: @base_color; border: 1px solid @borders; } check:checked, radio:checked { background-color: @selected_bg_color; border-color: @selected_bg_color; }