@define-color background #160D16; @define-color foreground #fef9f3; @define-color black #160D16; @define-color red #fe4d2a; @define-color green #83bc7b; @define-color yellow #f7f24f; @define-color blue #a7aaaf; @define-color magenta #e382d2; @define-color cyan #91e3e1; @define-color white #F6C9A0; @define-color bright_black #4d3c4d; @define-color bright_red #ff9985; @define-color bright_green #bbddb6; @define-color bright_yellow #fffca3; @define-color bright_blue #d7d8db; @define-color bright_magenta #f6cbee; @define-color bright_cyan #d9f7f6; @define-color bright_white #fef9f3; @define-color accent_bg_color @blue; @define-color accent_fg_color @background; @define-color accent_color @cyan; @define-color window_bg_color @background; @define-color window_fg_color @foreground; @define-color view_bg_color @black; @define-color view_fg_color @foreground; @define-color sidebar_bg_color @black; @define-color sidebar_fg_color @foreground; @define-color sidebar_backdrop_color @black; @define-color sidebar_shade_color @black; @define-color headerbar_bg_color @background; @define-color headerbar_fg_color @foreground; @define-color headerbar_backdrop_color @black; @define-color headerbar_shade_color @black; @define-color card_bg_color @background; @define-color card_fg_color @foreground; @define-color popover_bg_color @black; @define-color popover_fg_color @foreground; @define-color destructive_bg_color @red; @define-color destructive_fg_color @background; @define-color success_bg_color @green; @define-color success_fg_color @background; @define-color warning_bg_color @yellow; @define-color warning_fg_color @background; @define-color error_bg_color @red; @define-color error_fg_color @background; @define-color dialog_bg_color @background; @define-color dialog_fg_color @foreground; @define-color borders alpha(@foreground, 0.1); @define-color theme_fg_color @foreground; @define-color theme_text_color @foreground; @define-color theme_bg_color @background; @define-color theme_base_color @black; @define-color theme_selected_bg_color @blue; @define-color theme_selected_fg_color @background; @define-color insensitive_bg_color @background; @define-color insensitive_fg_color @bright_black; @define-color insensitive_base_color @black; @define-color theme_unfocused_fg_color @foreground; @define-color theme_unfocused_text_color @foreground; @define-color theme_unfocused_bg_color @background; @define-color theme_unfocused_base_color @black; @define-color theme_unfocused_selected_bg_color @blue; @define-color theme_unfocused_selected_fg_color @background; @define-color unfocused_insensitive_color @bright_black; @define-color unfocused_borders alpha(@foreground, 0.1); @define-color warning_color @yellow; @define-color error_color @red; @define-color success_color @green; @define-color destructive_color @red; @define-color content_view_bg @black; @define-color text_view_bg @black; messagedialog { background-color: @dialog_bg_color; } messagedialog label { color: @dialog_fg_color; font-size: 14pt; font-weight: bold; } messagedialog .secondary-text { font-size: 10pt; font-style: italic; } messagedialog button { background-color: @black; color: @foreground; border: 1px solid @bright_black; padding: 10px; } messagedialog button:hover { background-color: @blue; } banner revealer widget { background: @bright_black; padding: 5px; color: @foreground; } alertdialog.background { background-color: @dialog_bg_color; color: @dialog_fg_color; } alertdialog .titlebar { background-color: @headerbar_bg_color; color: @headerbar_fg_color; } alertdialog box { background-color: @dialog_bg_color; } alertdialog label { color: @dialog_fg_color; } filechooser .dialog-action-box { border-top: 1px solid @bright_black; } filechooser .dialog-action-box:backdrop { border-top-color: @black; } filechooser #pathbarbox { border-bottom: 1px solid @bright_black; } filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } toast { background-color: @black; color: @foreground; } toast button.circular.flat.image-button:hover { color: @background; background-color: @red; } .svg-icon { filter: invert(79%) sepia(18%) saturate(611%) hue-rotate(192deg) brightness(103%) contrast(94%); }