tinted-gtk/build/base16-oxocarbon-dark.css
2026-09-16 20:18:31 +02:00

96 lines
3.5 KiB
CSS

@define-color accent_color #33b1ff;
@define-color accent_bg_color #33b1ff;
@define-color accent_fg_color #161616;
@define-color destructive_color #ee5396;
@define-color destructive_bg_color #ee5396;
@define-color destructive_fg_color #161616;
@define-color success_color #42be65;
@define-color success_bg_color #42be65;
@define-color success_fg_color #161616;
@define-color warning_color #be95ff;
@define-color warning_bg_color #be95ff;
@define-color warning_fg_color #161616;
@define-color error_color #ee5396;
@define-color error_bg_color #ee5396;
@define-color error_fg_color #161616;
@define-color window_bg_color #161616;
@define-color window_fg_color #f2f4f8;
@define-color view_bg_color #161616;
@define-color view_fg_color #f2f4f8;
@define-color headerbar_bg_color #262626;
@define-color headerbar_fg_color #f2f4f8;
@define-color headerbar_border_color rgba(0.14901961, 0.14901961, 0.14901961, 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 #262626;
@define-color sidebar_fg_color #f2f4f8;
@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 #262626;
@define-color card_fg_color #f2f4f8;
@define-color card_shade_color rgba(0, 0, 0, 0.07);
@define-color dialog_bg_color #262626;
@define-color dialog_fg_color #f2f4f8;
@define-color popover_bg_color #262626;
@define-color popover_fg_color #f2f4f8;
@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 #393939;
@define-color blue_1 #33b1ff;
@define-color blue_2 #33b1ff;
@define-color blue_3 #33b1ff;
@define-color blue_4 #33b1ff;
@define-color blue_5 #33b1ff;
@define-color green_1 #42be65;
@define-color green_2 #42be65;
@define-color green_3 #42be65;
@define-color green_4 #42be65;
@define-color green_5 #42be65;
@define-color yellow_1 #ff6f00;
@define-color yellow_2 #ff6f00;
@define-color yellow_3 #ff6f00;
@define-color yellow_4 #ff6f00;
@define-color yellow_5 #ff6f00;
@define-color orange_1 #ff7eb6;
@define-color orange_2 #ff7eb6;
@define-color orange_3 #ff7eb6;
@define-color orange_4 #ff7eb6;
@define-color orange_5 #ff7eb6;
@define-color red_1 #ee5396;
@define-color red_2 #ee5396;
@define-color red_3 #ee5396;
@define-color red_4 #ee5396;
@define-color red_5 #ee5396;
@define-color purple_1 #be95ff;
@define-color purple_2 #be95ff;
@define-color purple_3 #be95ff;
@define-color purple_4 #be95ff;
@define-color purple_5 #be95ff;
@define-color brown_1 #82cfff;
@define-color brown_2 #82cfff;
@define-color brown_3 #82cfff;
@define-color brown_4 #82cfff;
@define-color brown_5 #82cfff;
@define-color light_1 #f2f4f8;
@define-color light_2 #f2f4f8;
@define-color light_3 #f2f4f8;
@define-color light_4 #f2f4f8;
@define-color light_5 #f2f4f8;
@define-color dark_1 #f2f4f8;
@define-color dark_2 #f2f4f8;
@define-color dark_3 #f2f4f8;
@define-color dark_4 #f2f4f8;
@define-color dark_5 #f2f4f8;
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;
}