@define-color accent_color #81a1c1; @define-color accent_bg_color #81a1c1; @define-color accent_fg_color #2e3440; @define-color destructive_color #bf616a; @define-color destructive_bg_color #bf616a; @define-color destructive_fg_color #2e3440; @define-color success_color #a3be8c; @define-color success_bg_color #a3be8c; @define-color success_fg_color #2e3440; @define-color warning_color #b48ead; @define-color warning_bg_color #b48ead; @define-color warning_fg_color #2e3440; @define-color error_color #bf616a; @define-color error_bg_color #bf616a; @define-color error_fg_color #2e3440; @define-color window_bg_color #2e3440; @define-color window_fg_color #e5e9f0; @define-color view_bg_color #2e3440; @define-color view_fg_color #e5e9f0; @define-color headerbar_bg_color #3b4252; @define-color headerbar_fg_color #e5e9f0; @define-color headerbar_border_color rgba(0.23137255, 0.25882353, 0.32156863, 0.7); @define-color headerbar_backdrop_color @window_bg_color; @define-color headerbar_shade_color rgba(0, 0, 0, 0.07); @define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.07); @define-color sidebar_bg_color #3b4252; @define-color sidebar_fg_color #e5e9f0; @define-color sidebar_backdrop_color @window_bg_color; @define-color sidebar_shade_color rgba(0, 0, 0, 0.07); @define-color secondary_sidebar_bg_color @sidebar_bg_color; @define-color secondary_sidebar_fg_color @sidebar_fg_color; @define-color secondary_sidebar_backdrop_color @sidebar_backdrop_color; @define-color secondary_sidebar_shade_color @sidebar_shade_color; @define-color card_bg_color #3b4252; @define-color card_fg_color #e5e9f0; @define-color card_shade_color rgba(0, 0, 0, 0.07); @define-color dialog_bg_color #3b4252; @define-color dialog_fg_color #e5e9f0; @define-color popover_bg_color #3b4252; @define-color popover_fg_color #e5e9f0; @define-color popover_shade_color rgba(0, 0, 0, 0.07); @define-color shade_color rgba(0, 0, 0, 0.07); @define-color scrollbar_outline_color #434c5e; @define-color blue_1 #81a1c1; @define-color blue_2 #81a1c1; @define-color blue_3 #81a1c1; @define-color blue_4 #81a1c1; @define-color blue_5 #81a1c1; @define-color green_1 #a3be8c; @define-color green_2 #a3be8c; @define-color green_3 #a3be8c; @define-color green_4 #a3be8c; @define-color green_5 #a3be8c; @define-color yellow_1 #ebcb8b; @define-color yellow_2 #ebcb8b; @define-color yellow_3 #ebcb8b; @define-color yellow_4 #ebcb8b; @define-color yellow_5 #ebcb8b; @define-color orange_1 #d08770; @define-color orange_2 #d08770; @define-color orange_3 #d08770; @define-color orange_4 #d08770; @define-color orange_5 #d08770; @define-color red_1 #bf616a; @define-color red_2 #bf616a; @define-color red_3 #bf616a; @define-color red_4 #bf616a; @define-color red_5 #bf616a; @define-color purple_1 #b48ead; @define-color purple_2 #b48ead; @define-color purple_3 #b48ead; @define-color purple_4 #b48ead; @define-color purple_5 #b48ead; @define-color brown_1 #5e81ac; @define-color brown_2 #5e81ac; @define-color brown_3 #5e81ac; @define-color brown_4 #5e81ac; @define-color brown_5 #5e81ac; @define-color light_1 #e5e9f0; @define-color light_2 #e5e9f0; @define-color light_3 #e5e9f0; @define-color light_4 #e5e9f0; @define-color light_5 #e5e9f0; @define-color dark_1 #e5e9f0; @define-color dark_2 #e5e9f0; @define-color dark_3 #e5e9f0; @define-color dark_4 #e5e9f0; @define-color dark_5 #e5e9f0; button { background-image: image(alpha(currentColor, 0.1)); } button:hover { background-image: image(alpha(currentColor, 0.15)); box-shadow: none; } button:active, button:checked { background-image: image(alpha(currentColor, 0.3)); box-shadow: none; }