From 874ec7f38f91ced6f8b836db4d06c3eebcc9163f Mon Sep 17 00:00:00 2001 From: Arpit Chakladar Date: Tue, 15 Sep 2026 21:21:28 +0530 Subject: feat(colors/base16): using the new base16 colorscheme in all modules --- modules/desktop/xdg/style.css | 150 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 150 insertions(+) create mode 100644 modules/desktop/xdg/style.css (limited to 'modules/desktop/xdg/style.css') diff --git a/modules/desktop/xdg/style.css b/modules/desktop/xdg/style.css new file mode 100644 index 0000000..53bedfc --- /dev/null +++ b/modules/desktop/xdg/style.css @@ -0,0 +1,150 @@ +@define-color theme_bg_color #@@base00@@; +@define-color theme_fg_color #@@base05@@; +@define-color theme_base_color #@@base00@@; +@define-color theme_text_color #@@base05@@; +@define-color theme_selected_bg_color #@@base0D@@; +@define-color theme_selected_fg_color #@@base00@@; +@define-color theme_unfocused_bg_color #@@base01@@; +@define-color theme_unfocused_fg_color #@@base04@@; +@define-color theme_unfocused_base_color #@@base00@@; +@define-color theme_unfocused_text_color #@@base04@@; +@define-color theme_unfocused_selected_bg_color #@@base0D@@; +@define-color theme_unfocused_selected_fg_color #@@base00@@; +@define-color theme_tooltip_bg_color #@@base00@@; +@define-color theme_tooltip_fg_color #@@base06@@; +@define-color borders #@@base03@@; +@define-color unfocused_borders #@@base02@@; +@define-color accent_color #@@base0D@@; +@define-color warning_color #@@base0A@@; +@define-color error_color #@@base08@@; +@define-color success_color #@@base0B@@; +@define-color placeholder_text_color #@@base03@@; +@define-color insensitive_bg_color #@@base01@@; +@define-color insensitive_fg_color #@@base03@@; + +window, dialog, .background { + background-color: @theme_bg_color; + color: @theme_fg_color; +} + +headerbar, titlebar, .titlebar, .headerbar, toolbar, .toolbar, menubar, +actionbar, .sidebar, .nav-bar { + background-color: @theme_unfocused_bg_color; + color: @theme_fg_color; + border-color: @borders; +} + +menu, .menu, popover, .popover, menupopover { + background-color: @theme_unfocused_bg_color; + color: @theme_fg_color; + border-color: @borders; +} + +button, entry, spinbutton, combobox button, textview, .view, list, row, +listview, .list, flowbox, treeview, calendar, notebook > stack, scrolledwindow { + background-color: @theme_base_color; + color: @theme_text_color; + border-color: @borders; + border-radius: 0; + box-shadow: none; + caret-color: @theme_text_color; +} + +button:hover, entry:hover, row:hover { + border-color: #@@base04@@; +} + +button:active, button:checked, button:default, entry:focus, +spinbutton:focus, switch:checked, check:checked, radio:checked { + border-color: @theme_selected_bg_color; +} + +button.suggested-action, button.destructive-action, .suggested-action, +.destructive-action { + border-color: @theme_selected_bg_color; +} + +button.destructive-action, .destructive-action { + border-color: @error_color; +} + +selection, entry selection, textview selection, row:selected, .selected, +flowboxchild:selected, menu menuitem:hover, menu menuitem:selected, +popover row:hover, popover row:selected { + background-color: @theme_selected_bg_color; + color: @theme_selected_fg_color; +} + +headerbar button, toolbar button, menubar button { + background-color: transparent; +} + +treeview header button { + background-color: #@@base01@@; + color: @theme_text_color; + border-color: @borders; +} + +switch, scale trough, progressbar trough, scrollbar slider { + background-color: #@@base02@@; + border-color: @borders; +} + +switch slider, scale slider { + background-color: #@@base06@@; + border-color: #@@base02@@; +} + +scale highlight, scale fill, progressbar progress { + background-color: @theme_selected_bg_color; +} + +scrollbar { + background-color: #@@base01@@; +} + +scrollbar slider:hover { + background-color: #@@base04@@; +} + +notebook tab, notebook > header tabs tab { + background-color: #@@base01@@; + border-color: @borders; +} + +notebook tab:checked, notebook > header tabs tab:checked { + background-color: @theme_base_color; + border-bottom-color: @theme_selected_bg_color; +} + +separator, paned > separator { + background-color: #@@base02@@; +} + +tooltip, .tooltip { + background-color: @theme_tooltip_bg_color; + color: @theme_tooltip_fg_color; + border-color: @borders; +} + +statusbar, .statusbar { + background-color: @theme_bg_color; + color: #@@base04@@; +} + +link, .link { + color: #@@base0D@@; +} + +expander, arrow { + color: #@@base04@@; +} + +label:disabled, button:disabled { + color: @insensitive_fg_color; + background-color: @insensitive_bg_color; +} + +.dim-label { + color: #@@base04@@; +} -- cgit v1.2.3