| 1 |
$color25List: ( |
| 2 |
1: #fcfaff, |
| 3 |
2: #fffaeb, |
| 4 |
3: #f6fef9, |
| 5 |
4: #eff8ff, |
| 6 |
5: #f7fefc, |
| 7 |
6: #fffcf5, |
| 8 |
); |
| 9 |
$color700List: ( |
| 10 |
1: #6941c6, |
| 11 |
2: #b54708, |
| 12 |
3: #027a48, |
| 13 |
4: #175cd3, |
| 14 |
5: #00b884, |
| 15 |
6: #fdb022, |
| 16 |
); |
| 17 |
|
| 18 |
:root { |
| 19 |
$mode-base: #ffffff; |
| 20 |
--page-background: #fafbfb; |
| 21 |
--base-background: #ffffff; |
| 22 |
--base-color-50: #f7fefc; |
| 23 |
--base-color-55: #F3FFFF; |
| 24 |
--base-color-60: #FDF6FE; |
| 25 |
--base-color-65: #F7F8FA; |
| 26 |
--base-color-75: #ecfdf3; |
| 27 |
--base-color-100: #d1fadf; |
| 28 |
--base-color-700: #00b884; |
| 29 |
--base-color-800: #00956b; |
| 30 |
--base-color-900: #007557; |
| 31 |
--focus-shadow-1: #d0f9ed; |
| 32 |
--focus-shadow-2: #1018280D; |
| 33 |
--text-color-25: #fcfcfd; |
| 34 |
--text-color-50: #f9fafb; |
| 35 |
--text-color-100: #F2F4F7; |
| 36 |
--text-color-150: #F2F4F7; |
| 37 |
--text-color-200: #eaecf0; |
| 38 |
--text-color-300: #dde2e4; |
| 39 |
--text-color-400: #d0d5dd; |
| 40 |
--text-color-500: #98a2b3; |
| 41 |
--text-color-600: #667085; |
| 42 |
--text-color-700: #344054; |
| 43 |
--text-color-800: #202223; |
| 44 |
--text-color-850: #475467; |
| 45 |
--text-color-900: #101828; |
| 46 |
--text-color-950: #1D2939; |
| 47 |
--text-color-960: #303030; |
| 48 |
--text-color-970: #FCFDFE; |
| 49 |
--text-color-980: #172B4D; |
| 50 |
--warning-50: #fffaeb; |
| 51 |
--warning-100: #fef0c7; |
| 52 |
--warning-400: #fdb022; |
| 53 |
--warning-500: #ff8a1e; |
| 54 |
--warning-700: #b54708; |
| 55 |
--primary-500: #5a6bff; |
| 56 |
--primary-700: #6941c6; |
| 57 |
--danger-50: #fff1f3; |
| 58 |
--danger-600: #d92d20; |
| 59 |
--danger-700: #f01919; |
| 60 |
--border-color-ai: #EDF0F3; |
| 61 |
|
| 62 |
--mode-switcher-icon: "\e905"; |
| 63 |
} |
| 64 |
|
| 65 |
|
| 66 |
|
| 67 |
|
| 68 |
.betterdocs-admin { |
| 69 |
&.betterdocs-dark-mode { |
| 70 |
$mode-base: #000000; |
| 71 |
--page-background: #000000; |
| 72 |
--base-background : #0A0A0A; |
| 73 |
--base-color-50: #101211; |
| 74 |
--base-color-55: #1f283d; |
| 75 |
--base-color-60: #1f283d; |
| 76 |
--base-color-65: #1f283d; |
| 77 |
--base-color-75: #1f283d; |
| 78 |
--base-color-100: #1f283d; |
| 79 |
--base-color-700: #00b884; |
| 80 |
--base-color-800: #00956b; |
| 81 |
--base-color-900: #00c694; |
| 82 |
--focus-shadow-1: #14524033; |
| 83 |
--focus-shadow-2: #1028210D; |
| 84 |
--text-color-25: #101828; |
| 85 |
--text-color-50: #101113; |
| 86 |
--text-color-100: #22242A; |
| 87 |
--text-color-150: #232e46; |
| 88 |
--text-color-200: #0A0A0B; |
| 89 |
--text-color-300: #36405a; |
| 90 |
--text-color-400: #222225; |
| 91 |
--text-color-500: #d0d5dd; |
| 92 |
--text-color-600: #B1B9B7; |
| 93 |
--text-color-700: #fcfcfd; |
| 94 |
--text-color-800: #fcfcfd; |
| 95 |
--text-color-850: #fcfcfd; |
| 96 |
--text-color-900: #fcfcfd; |
| 97 |
--text-color-950: #fcfcfd; |
| 98 |
--text-color-960: #fcfcfd; |
| 99 |
--text-color-970: #0A0A0A; |
| 100 |
--text-color-980: #fcfcfd; |
| 101 |
--warning-50: #473502; |
| 102 |
--warning-100: #5d470b; |
| 103 |
--danger-50: #190207; |
| 104 |
--border-color-ai: #232e46; |
| 105 |
|
| 106 |
--mode-switcher-icon: "\e903"; |
| 107 |
} |
| 108 |
|
| 109 |
#wpwrap { |
| 110 |
background: var(--page-background); |
| 111 |
#adminmenumain { |
| 112 |
#adminmenu { |
| 113 |
li { |
| 114 |
a.wp-has-current-submenu { |
| 115 |
&:after { |
| 116 |
border-right-color: var(--page-background); |
| 117 |
} |
| 118 |
} |
| 119 |
} |
| 120 |
} |
| 121 |
} |
| 122 |
#wpfooter { |
| 123 |
background: var(--page-background); |
| 124 |
color: var(--text-color-900); |
| 125 |
} |
| 126 |
} |
| 127 |
} |
| 128 |
|
| 129 |
// Grid Layout |
| 130 |
// Variables |
| 131 |
$grid-columns: 12; |
| 132 |
$grid-gutter-width: 24px; |
| 133 |
|
| 134 |
// Breakpoints |
| 135 |
$breakpoints: ( |
| 136 |
xs: 0, |
| 137 |
sm: 576px, |
| 138 |
md: 768px, |
| 139 |
lg: 992px, |
| 140 |
xl: 1200px, |
| 141 |
); |
| 142 |
|
