_global.scss 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. // scss-lint:disable ColorVariable
  2. @import "functions";
  3. // default color scheme
  4. $bg_color: if($variant == "dark", #141e3b, #d9cdb3);
  5. $fg_color: if($variant == "dark", #d9cdb3, #141e3b);
  6. $base_color: if($variant == "dark", #141e3b, #e5decf);
  7. $text_color: if($variant == "dark", #e5decf, #141e3b);
  8. $button_bg_color: if($variant == "dark", #141e3b, #d9cdb3);
  9. $button_fg_color: if($variant == "dark", #d9cdb3, #141e3b);
  10. $selected_bg_color: #c59a7a;
  11. $selected_fg_color: #e5decf;
  12. $tooltip_bg_color: #d9cdb3;
  13. $tooltip_fg_color: #141e3b;
  14. // dark colors
  15. $dark_bg_color: #d9cdb3;
  16. $dark_fg_color: #141e3b;
  17. // shadows
  18. $dark_shadow: #000;
  19. $light_shadow: #fff;
  20. // white and black
  21. $black: #000;
  22. $white: #fff;
  23. // misc colors used by gtk+
  24. $info_fg_color: #fff;
  25. $info_bg_color: #03a9f4;
  26. $warning_fg_color: #fff;
  27. $warning_bg_color: #ef6c00;
  28. $question_fg_color: #fff;
  29. $question_bg_color: #673ab7;
  30. $error_fg_color: #fff;
  31. $error_bg_color: #f44336;
  32. $link_color: #3f51b5;
  33. $success_color: #4caf50;
  34. $warning_color: #ef6c00;
  35. $error_color: #f44336;
  36. $toolbar_bg_color: $bg_color;
  37. $toolbar_fg_color: $fg_color;
  38. $titlebar_bg_color: $dark_bg_color;
  39. $titlebar_fg_color: $dark_fg_color;
  40. $menu_bg_color: $dark_bg_color;
  41. $menu_fg_color: $dark_fg_color;
  42. $menubar_bg_color: $dark_bg_color;
  43. $menubar_fg_color: $dark_fg_color;
  44. $panel_bg_color: $dark_bg_color;
  45. $panel_fg_color: $dark_fg_color;
  46. $osd_base: $dark_bg_color;
  47. $osd_fg: $dark_fg_color;
  48. $osd_bg: alpha($osd_base, 0.8);
  49. $lightdm_bg_color: $dark_bg_color;
  50. $lightdm_fg_color: $dark_fg_color;
  51. $wm_bg: $titlebar_bg_color;
  52. $wm_border_focused: transparent;
  53. $wm_border_unfocused: transparent;
  54. $wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1);
  55. $wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4);
  56. $wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1);
  57. $wm_icons_focused_prelight: $selected_bg_color;
  58. $wm_icons_focused_pressed: shade($selected_bg_color, .8);
  59. $wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4);
  60. $wm_icons_unfocused_prelight: $selected_bg_color;
  61. $wm_icons_unfocused_pressed: shade($selected_bg_color, .8);
  62. // widget styles
  63. $roundness: 2px;
  64. $spacing: 5px;
  65. $gradient: 0;
  66. $contrast: .8;