config.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. /* Theme Configuration Options */
  2. :root
  3. {
  4. /* General */
  5. --base-font-size: 16px;
  6. --smalldevice-base-font-size: 14px; /* Base font size for devices < 1024px */
  7. --main-bg-color: #1f1f23;
  8. --footer-bg-color: rgba(0,0,0,.4);
  9. --separator-color: #42474f;
  10. --table-strip-bg-color: #151515;
  11. --table-header-bg-color: black;
  12. --table-header-color: hsla(0,0%,100%,.8);
  13. --table-header-border-color: #040405;
  14. /* Text */
  15. --appname-color: white;
  16. --h1-color: white;
  17. --h2-color: #f2f2f2;
  18. --h3-color: #e3e3e3;
  19. --h4-color: #ffffff;
  20. --h5-color: #e0e0e0;
  21. --text-color: #e1e1e1;
  22. --link-color: #00b0f4;
  23. --link-hover-color: #2ec4ff;
  24. /* Mobile Topbar */
  25. --topbar-bg-color: #18191c;
  26. /* Button */
  27. --button-color: #747f8d;
  28. /* Sidebar */
  29. --sidebar-width: 400px;
  30. --sidebar-bg-color: #292B30;
  31. --search-color: #bdbdbd;
  32. --search-bg-color: #1b1e21;
  33. --search-searchicon-color: #e3e3e3;
  34. --search-border-color: black;
  35. --sidebar-item-color: white;
  36. --sidebar-active-item-color: #00b0f4;
  37. --sidebar-level1-item-bg-color: #222429;
  38. --sidebar-level1-item-hover-bg-color: #1D1F22;
  39. --toc-filter-color: #bdbdbd;
  40. --toc-filter-bg-color: #1b1e21;
  41. --toc-filter-filtericon-color: #e3e3e3;
  42. --toc-filter-clearicon-color: #e68585;
  43. --toc-filter-border-color: black;
  44. /* Scrollbars */
  45. --scrollbar-bg-color: transparent;
  46. --scrollbar-thumb-bg-color: rgba(0,0,0,.4);
  47. --scrollbar-thumb-border-color: transparent;
  48. /* Alerts and Blocks */
  49. --alert-info-border-color: rgba(114,137,218,.5);
  50. --alert-info-bg-color: rgba(114,137,218,.1);
  51. --alert-warning-border-color: rgba(250,166,26,.5);
  52. --alert-warning-bg-color: rgba(250,166,26,.1);
  53. --alert-danger-border-color: rgba(240,71,71,.5);
  54. --alert-danger-bg-color: rgba(240,71,71,.1);
  55. --alert-tip-border-color: rgba(255,255,255,.5);
  56. --alert-tip-bg-color: rgba(255,255,255,.1);
  57. --blockquote-border-color: rgba(255,255,255,.5);
  58. --blockquote-bg-color: rgba(255,255,255,.1);
  59. --breadcrumb-bg-color: #2f3136;
  60. /* Tabs */
  61. --nav-tabs-border-width: 1px;
  62. --nav-tabs-border-color: #495057;
  63. --nav-tabs-border-radius: .375rem;
  64. --nav-tabs-link-hover-border-color: #303336 #303336 transparent;
  65. --nav-tabs-link-active-color: white;
  66. --nav-tabs-link-active-bg: var(--main-bg-color);
  67. --nav-tabs-link-active-border-color: var(--nav-tabs-border-color) var(--nav-tabs-border-color) var(--main-bg-color);
  68. /* Inline Code */
  69. --ref-bg-color: black;
  70. --ref-color: #89d4f1;
  71. /* Code Blocks */
  72. --code-bg-color: #151515;
  73. --code-color: #d6deeb;
  74. --code-keyword-color: #569cd6;
  75. --code-comment-color: #57a64a;
  76. --code-macro-color: #beb7ff;
  77. --code-string-color: #d69d85;
  78. --code-string-escape-color: #ffd68f;
  79. --code-field-color: #c8c8c8;
  80. --code-function-color: #dcdcaa;
  81. --code-control-color: #d8a0df;
  82. --code-class-color: #4ec9b0;
  83. --code-number-color: #b5cea8;
  84. --code-params-color: #9a9a9a;
  85. --code-breakpoint-color: #8c2f2f;
  86. }
  87. /* Code Block Overrides */
  88. pre, legend {
  89. --scrollbar-thumb-bg-color: #333;
  90. }