_variables-dark.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. html._theme-dark {
  2. --absolute: white;
  3. --documentBackground: #222;
  4. --contentBackground: #33373a;
  5. --textColor: #cbd0d0;
  6. --textColorLight: #9da5ad;
  7. --textColorLighter: #77787a;
  8. --externalsBackground: #fff;
  9. --inputFocusBorder: transparent;
  10. --focusBackground: #3f4042;
  11. --focusBorder: #000;
  12. --focusText: #f7f2f2;
  13. --loadingText: #5d6164;
  14. --selectionBackground: #007acc;
  15. --selectionBorder: #000;
  16. --highlightBackground: #64675f;
  17. --linkColor: var(--textColor);
  18. --linkColorHover: white;
  19. --linkTextDecoration: underline;
  20. --headerBackground: #1c1c1c;
  21. --headerBorder: #000;
  22. --searchTagBackground: #{darken(#1c1c1c, 5%)};
  23. --searchBorder: #{darken(#000, 2%)};
  24. --sidebarBackground: #24282a;
  25. --transparentSidebarBackground: #{rgba(#24282a, 0)};
  26. --sidebarBorder: #000;
  27. --scrollbarColor: #6c6c6f;
  28. --scrollbarColorHover: #949697;
  29. --pathBackground: var(--headerBackground);
  30. --pathBorder: var(--headerBorder);
  31. --noticeBackground: var(--sidebarBackground);
  32. --noticeBorder: var(--sidebarBorder);
  33. --boxBackground: var(--sidebarBackground);
  34. --boxBorder: var(--headerBorder);
  35. --boxBorderLight: var(--headerBorder);
  36. --boxHeaderColor: #dbe4e4;
  37. --boxHeaderBackground: var(--sidebarBackground);
  38. --noteBackground: #45474b;
  39. --noteBorder: #000;
  40. --noteGreenBackground: #284a2a;
  41. --noteGreenBorder: #000;
  42. --noteBlueBackground: #2a4151;
  43. --noteBlueBorder: #000;
  44. --noteOrangeBackground: #563322;
  45. --noteOrangeBorder: #000;
  46. --noteRedBackground: #603033;
  47. --noteRedBorder: #000;
  48. --labelBackground: var(--boxBackground);
  49. --notifBackground: #{rgba(#555, .95)};
  50. --notifBorder: 1px solid #000;
  51. --tipBackground: var(--notifBackground);
  52. --tipBorder: var(--notifBorder);
  53. }