2022-05-13 18:38:41 +08:00
|
|
|
/**
|
|
|
|
* {}
|
|
|
|
* @authors yutent<yutent.io@gmail.com>
|
|
|
|
* @date 2022/05/09 11:11:02
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
$base_color: #3c4d5e;
|
|
|
|
$text_color: #dae1e9;
|
|
|
|
$bg_color: #57606f;
|
|
|
|
$fg_color: #ced6e0;
|
|
|
|
|
|
|
|
$grey_color: #86909b;
|
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
$selected_bg_color: rgba(100, 181, 246, .35);
|
2022-05-13 18:38:41 +08:00
|
|
|
$selected_fg_color: #f2f5fc;
|
|
|
|
|
2022-05-13 19:46:55 +08:00
|
|
|
$highlight_color: #64b5f6;
|
|
|
|
|
2022-05-13 18:38:41 +08:00
|
|
|
$selected_borders_color: darken($selected_bg_color, 15%);
|
2022-07-18 20:07:18 +08:00
|
|
|
$borders_color: lighten($bg_color, 10%);
|
|
|
|
$separator_color: transparentize($grey_color, 0.5);
|
2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
$link_color: #64b5f6;
|
|
|
|
$link_visited_color: #2196f3;
|
|
|
|
|
|
|
|
$selection_mode_bg: $selected_bg_color;
|
|
|
|
$selection_mode_fg: $selected_fg_color;
|
|
|
|
|
|
|
|
$warning_color: #f27835;
|
|
|
|
$warning_fg_color: white;
|
|
|
|
$error_color: #fc7661;
|
|
|
|
$error_fg_color: white;
|
|
|
|
$success_color: rgb(70, 221, 126);
|
|
|
|
$destructive_color: #ff5f45;
|
|
|
|
$suggested_color: rgb(26, 196, 88);
|
|
|
|
$question_color: #64b5f6;
|
2022-07-18 20:07:18 +08:00
|
|
|
$focus_color: #64b5f6;
|
|
|
|
|
|
|
|
|
|
|
|
$btn_close: #f55449;
|
|
|
|
$btn_maximize: #39ea49;
|
|
|
|
$btn_minimize: #fac536;
|
2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
$drop_target_color: $selected_bg_color;
|
|
|
|
|
|
|
|
//insensitive state derived colors
|
|
|
|
$insensitive_fg_color: $grey_color;
|
|
|
|
$insensitive_bg_color: lighten($bg_color, 2%);
|
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
$dim_label_fg_color: $fg_color;
|
2022-05-13 18:38:41 +08:00
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
$header_fg: $fg_color;
|
|
|
|
$header_bg: #4d535d;
|
2022-05-13 18:38:41 +08:00
|
|
|
$header_bg_backdrop: lighten($header_bg, 3%);
|
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
$header_border: $header_bg;
|
|
|
|
$header_highlight: $header_bg;
|
2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
$menu_selected_bg_color: $selected_bg_color;
|
2022-05-13 18:38:41 +08:00
|
|
|
|
2022-07-18 20:07:18 +08:00
|
|
|
$dark_sidebar_bg: darken($bg_color, 3%);
|
2022-05-13 18:38:41 +08:00
|
|
|
$dark_sidebar_fg: $fg_color;
|
2022-07-18 20:07:18 +08:00
|
|
|
$dark_sidebar_border: darken($bg_color, 8%);
|
|
|
|
$progress_bg_color: darken($bg_color, 8%);
|
|
|
|
$progress_color: rgba(100, 181, 246, 0.35);
|
2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
$filechooser_bg: $header_bg;
|
|
|
|
|
|
|
|
$tooltip_bg_color: #fbeaa0;
|
|
|
|
$tooltip_fg_color: #4a4a4a;
|
|
|
|
$tooltip_border_color: #d0d0d0;
|
|
|
|
|
2022-07-18 20:21:02 +08:00
|
|
|
$osd_fg_color: $fg_color;
|
|
|
|
$osd_bg_color: $bg_color;
|
|
|
|
$osd_borders_color: $base_color;
|
2022-05-13 18:38:41 +08:00
|
|
|
|
2022-07-18 20:21:02 +08:00
|
|
|
$osd_button_bg: transparentize($osd_bg_color, 0.6);
|
|
|
|
$osd_button_border: transparentize($osd_borders_color, 0.6);
|
2022-05-13 18:38:41 +08:00
|
|
|
|
2022-07-18 20:21:02 +08:00
|
|
|
$osd_entry_bg: transparentize($osd_bg_color, 0.6);
|
|
|
|
$osd_entry_border: transparentize($osd_borders_color, 0.6);
|
2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
$osd_insensitive_bg_color: darken($osd_bg_color, 3%);
|
2022-07-18 20:21:02 +08:00
|
|
|
$osd_insensitive_fg_color: darken($osd_fg_color, 3%);
|
2022-05-13 18:38:41 +08:00
|
|
|
|
|
|
|
$panel_bg: $bg_color;
|
|
|
|
$panel_fg: $fg_color;
|
|
|
|
|
|
|
|
$entry_bg: $base_color;
|
|
|
|
$entry_border: $borders_color;
|
|
|
|
|
|
|
|
$header_entry_bg: transparentize($base_color, 0.1);
|
|
|
|
$header_entry_border: transparentize($header_fg, 0.7);
|
|
|
|
|
|
|
|
$button_bg: lighten($base_color, 2%);
|
|
|
|
$button_border: $borders_color;
|
|
|
|
$button_active_bg: transparentize(black, 0.85);
|
|
|
|
$button_active_border: darken($button_border, 10%);
|
|
|
|
|
|
|
|
$header_button_bg: transparentize($button_bg, 0.1);
|
|
|
|
$header_button_border: transparentize($header_fg, 0.7);
|
|
|
|
|
|
|
|
$trough_color_treeview: darken($bg_color, 5%);
|
|
|
|
$trough_color: darken($bg_color, 5%);
|
|
|
|
|
|
|
|
// WM Colors
|
|
|
|
|
|
|
|
$wm_title: #dae1e9;
|
|
|
|
$wm_title_unfocused: #86909b;
|
|
|
|
$wm_bg: #4d535d;
|
|
|
|
$wm_bg_unfocused: #4d535d;
|
|
|
|
$wm_highlight: #57606f;
|
|
|
|
$wm_border: #57606f;
|
|
|
|
$wm_border_unfocused: #57606f;
|
|
|
|
|
|
|
|
//WM Buttons
|
|
|
|
|
|
|
|
// Close
|
|
|
|
$wm_button_close_bg: rgba(0,0,0,0);
|
|
|
|
$wm_button_close_hover_bg: rgba(0,0,0,0);
|
|
|
|
$wm_button_close_active_bg: rgba(0,0,0,0);
|
|
|
|
|
|
|
|
$wm_icon_close_bg: rgba(0,0,0,0);
|
|
|
|
|
|
|
|
// Minimize, Maximize
|
|
|
|
$wm_button_hover_bg: rgba(0,0,0,0);
|
|
|
|
$wm_button_active_bg: rgba(0,0,0,0);
|
|
|
|
|
|
|
|
$wm_icon_bg: rgba(0,0,0,0);
|
|
|
|
$wm_icon_unfocused_bg: rgba(0,0,0,0);
|
|
|
|
$wm_icon_hover_bg: rgba(0,0,0,0);
|
|
|
|
$wm_icon_active_bg: rgba(0,0,0,0);
|