|
| 1 | +:root { |
| 2 | + --color-black: #0a0a0a; |
| 3 | + --color-gray-1: #1a1a1a; |
| 4 | + --color-gray-2: #1f1f1f; |
| 5 | + --color-gray-3: #292929; |
| 6 | + --color-gray-4: #2e2e2e; |
| 7 | + --color-gray-5: #454545; |
| 8 | + --color-gray-6: #878787; |
| 9 | + --color-gray-7: #8f8f8f; |
| 10 | + --color-gray-8: #7d7d7d; |
| 11 | + --color-gray-9: #a0a0a0; |
| 12 | + --color-gray-10: #ededed; |
| 13 | + --color-blue-1: #0f1b2d; |
| 14 | + --color-blue-2: #10243e; |
| 15 | + --color-blue-3: #0f3058; |
| 16 | + --color-blue-4: #0d3768; |
| 17 | + --color-blue-5: #0a4481; |
| 18 | + --color-blue-6: #0091ff; |
| 19 | + --color-blue-7: #0071f3; |
| 20 | + --color-blue-8: #0062d1; |
| 21 | + --color-blue-9: #52a9ff; |
| 22 | + --color-blue-10: #eaf6ff; |
| 23 | + --color-red-1: #2a1314; |
| 24 | + --color-red-2: #3d1719; |
| 25 | + --color-red-3: #551a1e; |
| 26 | + --color-red-4: #671e22; |
| 27 | + --color-red-5: #822025; |
| 28 | + --color-red-6: #e5484d; |
| 29 | + --color-red-7: #e5484d; |
| 30 | + --color-red-8: #da3036; |
| 31 | + --color-red-9: #ff6368; |
| 32 | + --color-red-10: #feecee; |
| 33 | + --color-amber-1: #271700; |
| 34 | + --color-amber-2: #341c00; |
| 35 | + --color-amber-3: #4a2900; |
| 36 | + --color-amber-4: #573300; |
| 37 | + --color-amber-5: #693f05; |
| 38 | + --color-amber-6: #e79d13; |
| 39 | + --color-amber-7: #ffb224; |
| 40 | + --color-amber-8: #ffa90a; |
| 41 | + --color-amber-9: #f1a10d; |
| 42 | + --color-amber-10: #fef3dd; |
| 43 | + --color-green-1: #0b2211; |
| 44 | + --color-green-2: #0f2c17; |
| 45 | + --color-green-3: #11351b; |
| 46 | + --color-green-4: #0c461c; |
| 47 | + --color-green-5: #126426; |
| 48 | + --color-green-6: #1a9338; |
| 49 | + --color-green-7: #46a758; |
| 50 | + --color-green-8: #388e4b; |
| 51 | + --color-green-9: #63c174; |
| 52 | + --color-green-10: #e5fbeb; |
| 53 | + --color-teal-1: #04201b; |
| 54 | + --color-teal-2: #062923; |
| 55 | + --color-teal-3: #083a33; |
| 56 | + --color-teal-4: #053c34; |
| 57 | + --color-teal-5: #085e53; |
| 58 | + --color-teal-6: #0c9785; |
| 59 | + --color-teal-7: #12a594; |
| 60 | + --color-teal-8: #0f8a7c; |
| 61 | + --color-teal-9: #0ac5b2; |
| 62 | + --color-teal-10: #e1faf4; |
| 63 | + --color-purple-1: #221527; |
| 64 | + --color-purple-2: #301a3a; |
| 65 | + --color-purple-3: #432155; |
| 66 | + --color-purple-4: #4e2667; |
| 67 | + --color-purple-5: #5e2d84; |
| 68 | + --color-purple-6: #8e4ec6; |
| 69 | + --color-purple-7: #8e4ec6; |
| 70 | + --color-purple-8: #773da9; |
| 71 | + --color-purple-9: #bf7af0; |
| 72 | + --color-purple-10: #f7ecfc; |
| 73 | + --color-pink-1: #27141c; |
| 74 | + --color-pink-2: #3c1827; |
| 75 | + --color-pink-3: #4f1c31; |
| 76 | + --color-pink-4: #541b33; |
| 77 | + --color-pink-5: #6c1e3f; |
| 78 | + --color-pink-6: #b21a57; |
| 79 | + --color-pink-7: #e93d82; |
| 80 | + --color-pink-8: #de2670; |
| 81 | + --color-pink-9: #f76191; |
| 82 | + --color-pink-10: #feecf4; |
| 83 | + --color-primary: var(--color-blue-9); |
| 84 | + |
| 85 | + /* override archie vars */ |
| 86 | + --maincolor: var(--color-primary); |
| 87 | + --darkMaincolor: var(--color-primary); |
| 88 | + --hovercolor: var(--color-primary); |
| 89 | +} |
| 90 | + |
| 91 | +::selection { |
| 92 | + background-color: var(--color-blue-5); |
| 93 | +} |
| 94 | + |
| 95 | +h1, h2, h3, h4, h5, h6 { |
| 96 | + color: var(--color-gray-10); |
| 97 | +} |
| 98 | + |
| 99 | +a { |
| 100 | + border: none; |
| 101 | + text-decoration: underline; |
| 102 | + text-decoration-color: var(--color-primary); |
| 103 | + text-decoration-thickness: 0.24rem; |
| 104 | + text-decoration-skip-ink: none; |
| 105 | +} |
| 106 | + |
| 107 | +img { |
| 108 | + border: none; |
| 109 | +} |
| 110 | + |
| 111 | +table th { |
| 112 | + font-size: 1rem; |
| 113 | +} |
| 114 | + |
| 115 | +section.list-item > .description { |
| 116 | + margin: 0.5rem 0; |
| 117 | +} |
| 118 | + |
| 119 | +code { |
| 120 | + background-color: unset; |
| 121 | + color: var(--color-primary) |
| 122 | +} |
| 123 | + |
| 124 | +pre { |
| 125 | + padding: 0.5rem 1rem; |
| 126 | +} |
| 127 | + |
| 128 | +footer { |
| 129 | + border-color: var(--color-primary); |
| 130 | +} |
| 131 | + |
| 132 | +hr { |
| 133 | + border-color: var(--color-primary); |
| 134 | +} |
| 135 | + |
| 136 | +.logo { |
| 137 | + --size: 2.5rem; |
| 138 | + float: left; |
| 139 | + margin-right: 1rem; |
| 140 | + width: var(--size); |
| 141 | + height: var(--size); |
| 142 | + border-radius: 5px; |
| 143 | + background-size: var(--size) var(--size); |
| 144 | + background-repeat: no-repeat; |
| 145 | + filter: grayscale(100%); |
| 146 | + -webkit-filter: grayscale(100%); |
| 147 | +} |
| 148 | + |
| 149 | +.logo:hover { |
| 150 | + filter: grayscale(0%); |
| 151 | + -webkit-filter: grayscale(0%); |
| 152 | +} |
| 153 | + |
| 154 | +.soc { |
| 155 | + text-decoration: none; |
| 156 | + margin: 0 0.5rem; |
| 157 | +} |
| 158 | + |
| 159 | +.border { |
| 160 | + margin-right: 1rem; |
| 161 | +} |
| 162 | + |
| 163 | +.soc:hover { |
| 164 | + text-decoration: none; |
| 165 | + background-color: unset; |
| 166 | + color: var(--color-primary); |
| 167 | +} |
| 168 | + |
| 169 | +.mermaid { |
| 170 | + display: flex; |
| 171 | + justify-content: center; |
| 172 | +} |
0 commit comments