_variables.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. $baseFont: 'Open Sans', Helvetica, Arial, sans-serif;
  2. $monoFont: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  3. $style: 'light';
  4. $headerHeight: 3rem;
  5. $sidebarWidth: 18rem;
  6. $sidebarMediumWidth: 16rem;
  7. $contentBackground: #fff;
  8. $textColor: #333;
  9. $textColorLight: #666;
  10. $textColorLighter: #999;
  11. $inputFocusBorder: #35b5f4;
  12. $focusBackground: #e5e5e5;
  13. $focusBorder: #d4d4d4;
  14. $focusText: #000;
  15. $loadingText: #e6e6e6;
  16. $splashText: #d7d7d7;
  17. $promoText: #bbb;
  18. $selectionBackground: #398df0;
  19. $selectionBorder: #196fc2;
  20. $selectionText: #fff;
  21. $highlightBackground: #fffdcd;
  22. $linkColor: #0082c6;
  23. $linkColorHover: #0072c5;
  24. $headerBackground: #f0f0f0;
  25. $headerBorder: #d9d9d9;
  26. $sidebarBackground: #f9f9f9;
  27. $sidebarBorder: #e3e3e3;
  28. $scrollbarColor: #d2d2d2;
  29. $scrollbarColorHover: #aaa;
  30. $pathBackground: $sidebarBackground;
  31. $pathBorder: $sidebarBorder;
  32. $noticeBackground: #faf9e2;
  33. $noticeBorder: #e2e2c1;
  34. $boxBackground: #fafafa;
  35. $boxBorder: #d8d8d8;
  36. $boxBorderLight: #e5e5e5;
  37. $boxHeaderBackground: #f5f5f5;
  38. $noteBackground: #f8f8dd;
  39. $noteBorder: #d3d952;
  40. $noteGreenBackground: #e7f8e1;
  41. $noteGreenBorder: #89da70;
  42. $noteBlueBackground: #d4f3fd;
  43. $noteBlueBorder: #94bbeb;
  44. $noteOrangeBackground: #fbe6d1;
  45. $noteOrangeBorder: #ec8b01;
  46. $noteRedBackground: #fed5d3;
  47. $noteRedBorder: #dc7874;
  48. $labelBackground: #f4f4f4;
  49. $notifBackground: rgba(#333, .85);
  50. $notifColor: #fff;
  51. $notifColorLight: #bbb;
  52. $mediumScreen: '(max-width: 800px)';
  53. $contentZ: 1;
  54. $sidebarZ: 2;
  55. $headerZ: 3;
  56. $noticeZ: 4;
  57. $hoverZ: 5;