252 lines
7.3 KiB
CSS
252 lines
7.3 KiB
CSS
@import "../../.cache/material/colors.css";
|
|
/* */
|
|
@define-color theme_fg_color #AEE5FA;
|
|
@define-color theme_text_color #AEE5FA;
|
|
@define-color theme_bg_color #1a1b26;
|
|
@define-color theme_base_color #1a1b26;
|
|
@define-color theme_selected_bg_color #AEE5FA;
|
|
@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
|
|
@define-color insensitive_bg_color #1a1b26;
|
|
@define-color insensitive_fg_color rgba(192, 202, 245, 0.5);
|
|
@define-color insensitive_base_color #24283b;
|
|
@define-color theme_unfocused_fg_color #AEE5FA;
|
|
@define-color theme_unfocused_text_color #c0caf5;
|
|
@define-color theme_unfocused_bg_color #1a1b26;
|
|
@define-color theme_unfocused_base_color #1a1b26;
|
|
@define-color theme_unfocused_selected_bg_color #a9b1d6;
|
|
@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
|
|
@define-color unfocused_insensitive_color rgba(192, 202, 245, 0.5);
|
|
@define-color borders rgba(192, 202, 245, 0.12);
|
|
@define-color unfocused_borders rgba(192, 202, 245, 0.12);
|
|
@define-color warning_color #FDD633;
|
|
@define-color error_color #BA1B1B;
|
|
@define-color success_color #81C995;
|
|
@define-color wm_title #AEE5FA;
|
|
@define-color wm_unfocused_title rgba(192, 202, 245, 0.7);
|
|
@define-color wm_highlight rgba(192, 202, 245, 0.1);
|
|
@define-color wm_bg #1a1b26;
|
|
@define-color wm_unfocused_bg #1a1b26;
|
|
@define-color wm_button_close_icon #1a1b26;
|
|
@define-color wm_button_close_hover_bg #a9b1d6;
|
|
@define-color wm_button_close_active_bg #c7c7c7;
|
|
@define-color content_view_bg #1a1b26;
|
|
@define-color placeholder_text_color @onSurface;
|
|
@define-color text_view_bg #1d1d1d;
|
|
@define-color budgie_tasklist_indicator_color #90D1F6;
|
|
@define-color budgie_tasklist_indicator_color_active #90D1F6;
|
|
@define-color budgie_tasklist_indicator_color_active_window #999999;
|
|
@define-color budgie_tasklist_indicator_color_attention #FDD633;
|
|
@define-color STRAWBERRY_100 #FF9262;
|
|
@define-color STRAWBERRY_300 #FF793E;
|
|
@define-color STRAWBERRY_500 #F15D22;
|
|
@define-color STRAWBERRY_700 #CF3B00;
|
|
@define-color STRAWBERRY_900 #AC1800;
|
|
@define-color ORANGE_100 #FFDB91;
|
|
@define-color ORANGE_300 #FFCA40;
|
|
@define-color ORANGE_500 #FAA41A;
|
|
@define-color ORANGE_700 #DE8800;
|
|
@define-color ORANGE_900 #C26C00;
|
|
@define-color BANANA_100 #FFFFA8;
|
|
@define-color BANANA_300 #FFFA7D;
|
|
@define-color BANANA_500 #FFCE51;
|
|
@define-color BANANA_700 #D1A023;
|
|
@define-color BANANA_900 #A27100;
|
|
@define-color LIME_100 #A2F3BE;
|
|
@define-color LIME_300 #8ADBA6;
|
|
@define-color LIME_500 #73C48F;
|
|
@define-color LIME_700 #479863;
|
|
@define-color LIME_900 #1C6D38;
|
|
@define-color BLUEBERRY_100 #94A6FF;
|
|
@define-color BLUEBERRY_300 #6A7CE0;
|
|
@define-color BLUEBERRY_500 #3F51B5;
|
|
@define-color BLUEBERRY_700 #213397;
|
|
@define-color BLUEBERRY_900 #031579;
|
|
@define-color GRAPE_100 #D25DE6;
|
|
@define-color GRAPE_300 #B84ACB;
|
|
@define-color GRAPE_500 #9C27B0;
|
|
@define-color GRAPE_700 #830E97;
|
|
@define-color GRAPE_900 #6A007E;
|
|
@define-color COCOA_100 #9F9792;
|
|
@define-color COCOA_300 #7B736E;
|
|
@define-color COCOA_500 #574F4A;
|
|
@define-color COCOA_700 #463E39;
|
|
@define-color COCOA_900 #342C27;
|
|
@define-color SILVER_100 #EEE;
|
|
@define-color SILVER_300 #CCC;
|
|
@define-color SILVER_500 #AAA;
|
|
@define-color SILVER_700 #888;
|
|
@define-color SILVER_900 #666;
|
|
@define-color SLATE_100 #888;
|
|
@define-color SLATE_300 #666;
|
|
@define-color SLATE_500 #444;
|
|
@define-color SLATE_700 #222;
|
|
@define-color SLATE_900 #111;
|
|
@define-color BLACK_100 #474341;
|
|
@define-color BLACK_300 #403C3A;
|
|
@define-color BLACK_500 #393634;
|
|
@define-color BLACK_700 #33302F;
|
|
@define-color BLACK_900 #2B2928;
|
|
@define-color accent_bg_color @primary;
|
|
@define-color accent_fg_color @onPrimary;
|
|
@define-color accent_color @primary;
|
|
@define-color destructive_bg_color @error;
|
|
@define-color destructive_fg_color @onError;
|
|
@define-color destructive_color @error;
|
|
@define-color success_bg_color #C5E1A5;
|
|
@define-color success_fg_color #33691E;
|
|
@define-color warning_bg_color #FFE082;
|
|
@define-color warning_fg_color #E65100;
|
|
@define-color error_bg_color @error;
|
|
@define-color error_fg_color @onError;
|
|
@define-color window_bg_color @background;
|
|
@define-color window_fg_color @foreground;
|
|
@define-color view_bg_color @surface;
|
|
@define-color view_fg_color @onSurface;
|
|
@define-color headerbar_bg_color mix(@dialog_bg_color, @window_bg_color, 0.5);
|
|
@define-color headerbar_fg_color @onSecondaryContainer;
|
|
@define-color headerbar_border_color @secondaryContainer;
|
|
@define-color headerbar_backdrop_color @headerbar_bg_color;
|
|
@define-color headerbar_shade_color rgba(0, 0, 0, 0.09);
|
|
@define-color card_bg_color @surfaceContainerLowest;
|
|
@define-color card_fg_color @onSecondaryContainer;
|
|
@define-color card_shade_color rgba(0, 0, 0, 0.09);
|
|
@define-color dialog_bg_color @surfaceContainer;
|
|
@define-color dialog_fg_color @onSecondaryContainer;
|
|
@define-color popover_bg_color @surfaceContainer;
|
|
@define-color popover_fg_color @onSecondaryContainer;
|
|
@define-color thumbnail_bg_color #1a1b26;
|
|
@define-color thumbnail_fg_color #AEE5FA;
|
|
@define-color shade_color rgba(0, 0, 0, 0.36);
|
|
@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
|
|
@define-color sidebar_bg_color @surface;
|
|
@define-color sidebar_fg_color @onSurface;
|
|
@define-color sidebar_border_color @sidebar_bg_color;
|
|
@define-color sidebar_backdrop_color @sidebar_bg_color;
|
|
|
|
.navigation-sidebar {
|
|
background-color: @sidebar_bg_color;
|
|
}
|
|
|
|
.navigation-sidebar row {
|
|
border-radius: 100px;
|
|
}
|
|
|
|
.navigation-sidebar label {
|
|
color: @outline;
|
|
}
|
|
|
|
.navigation-sidebar row:selected {
|
|
background-color: @secondaryContainer;
|
|
}
|
|
|
|
.navigation-sidebar row:selected label {
|
|
color: @onSecondaryContainer;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navigation-sidebar row:active {
|
|
background-color: mix(@secondaryContainer, @onSecondaryContainer, 0.1);
|
|
}
|
|
|
|
.navigation-sidebar row:active label {
|
|
color: @onSecondaryContainer;
|
|
background-color: transparent;
|
|
}
|
|
|
|
tooltip {
|
|
background-color: @surfaceContainer;
|
|
color: @foreground;
|
|
border-radius: 11px;
|
|
border: 0px solid;
|
|
}
|
|
|
|
menu * {
|
|
border-radius: 0px;
|
|
}
|
|
|
|
menu separator {
|
|
color: @outline;
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
padding: 0px;
|
|
}
|
|
|
|
menu {
|
|
padding: 8px 0px 8px 0px;
|
|
background-color: @surfaceContainer;
|
|
}
|
|
|
|
separator {
|
|
color: @outline;
|
|
}
|
|
|
|
button, combobox, entry {
|
|
border-radius: 100px;
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
* {
|
|
box-shadow: none;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
|
|
|
|
switch {
|
|
border: 2px solid;
|
|
border-radius: 100px;
|
|
border-color: @outline;
|
|
background-color: @surfaceContainerHighest;
|
|
}
|
|
|
|
switch slider {
|
|
border-radius: 100px;
|
|
background-color: @outline;
|
|
}
|
|
|
|
switch:disabled {
|
|
background-color: mix(@surfaceContainerHighest, transparent, 0.38);
|
|
border-color: mix(@onSurface, transparent, 0.38);
|
|
}
|
|
|
|
switch:disabled slider {
|
|
background-color: mix(@onSurface, transparent, 0.38);
|
|
}
|
|
|
|
switch:hover {
|
|
background-color: mix(@surfaceContainerHighest, @onSurface, 0.08);
|
|
}
|
|
|
|
switch:hover slider {
|
|
background-color: @onSurfaceVariant;
|
|
}
|
|
|
|
switch:checked {
|
|
background-color: @primary;
|
|
border-color: transparent;
|
|
}
|
|
|
|
switch:checked slider {
|
|
background-color: @onPrimary;
|
|
border-color: transparent;
|
|
}
|
|
|
|
switch:checked:disabled {
|
|
background-color: mix(@onSurface, transparent, 0.38);
|
|
border-color: transparent;
|
|
}
|
|
|
|
switch:checked:disabled slider {
|
|
background-color: mix(@surface, transparent, 0.38);
|
|
}
|
|
|
|
switch:checked:hover {
|
|
background-color: @primary;
|
|
}
|
|
|
|
switch:checked:hover slider {
|
|
background-color: @primaryContainer;
|
|
} |