|
10 | 10 | /* */
|
11 | 11 | /******************************************/
|
12 | 12 | /* */
|
13 |
| - /* Last updated on 2020-11-07. */ |
| 13 | + /* Last updated on 2021-2-28. */ |
14 | 14 | /* */
|
15 | 15 | /* Tested with: */
|
16 | 16 | /* - v2.4.2 */
|
|
25 | 25 | --bg-lighter-4: #222;
|
26 | 26 | --bg-lighter-5: #282828;
|
27 | 27 | --main-text: #888;
|
| 28 | + --main-text-a50: rgba(136, 136, 136, 0.5); |
28 | 29 | --text-lighter-1: #aaa;
|
29 | 30 | --light-bg: #ddd;
|
30 | 31 | --medium: #585858;
|
31 |
| - --medium-ligher-1: #686868; |
| 32 | + --medium-lighter-1: #686868; |
32 | 33 | --badge-gray: #333;
|
33 | 34 | --black-a30: rgba(0,0,0,0.3);
|
34 | 35 | }
|
|
83 | 84 | background: transparent !important;
|
84 | 85 | }
|
85 | 86 | .project-list-container::-webkit-scrollbar-thumb:hover, .card-list-container md-tab-content::-webkit-scrollbar-thumb:hover{
|
86 |
| - background-color: var(--medium-ligher-1) !important; |
| 87 | + background-color: var(--medium-lighter-1) !important; |
87 | 88 | border-color: var(--bg-lighter-2) !important;
|
88 | 89 | }
|
89 | 90 | .install-list::-webkit-scrollbar-thumb:hover, .elements-container::-webkit-scrollbar-thumb:hover, .learn-page::-webkit-scrollbar-thumb:hover {
|
90 |
| - background-color: var(--medium-ligher-1) !important; |
| 91 | + background-color: var(--medium-lighter-1) !important; |
91 | 92 | border-color: var(--bg-lighter-2) !important;
|
92 | 93 | }
|
93 | 94 | .project-list-container::-webkit-scrollbar-thumb, .card-list-container md-tab-content::-webkit-scrollbar-thumb {
|
|
121 | 122 | }
|
122 | 123 | /* input */
|
123 | 124 | md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label {
|
124 |
| - color: var(--medium-ligher-1) !important; |
| 125 | + color: var(--medium-lighter-1) !important; |
125 | 126 | }
|
126 | 127 | md-input-container.md-default-theme .md-input, md-input-container .md-input{
|
127 | 128 | color: var(--main-text) !important;
|
128 | 129 | border-color: var(--black-a30) !important;
|
129 | 130 | }
|
130 | 131 | md-input-container.md-default-theme .md-input::placeholder, md-input-container .md-input::placeholder{
|
131 |
| - color: var(--medium-ligher-1) !important; |
| 132 | + color: var(--medium-lighter-1) !important; |
| 133 | + } |
| 134 | + md-input-container:not(.md-input-focused).md-default-theme .md-placeholder, md-input-container:not(.md-input-focused) .md-placeholder, md-input-container:not(.md-input-focused).md-default-theme label, md-input-container:not(.md-input-focused) label{ |
| 135 | + color: var(--main-text) !important; |
132 | 136 | }
|
133 | 137 | /* textarea */
|
134 | 138 | textarea{
|
135 | 139 | background-color: var(--bg-lighter-3);
|
136 | 140 | border:none;
|
137 |
| - color: var(--medium-ligher-1); |
| 141 | + color: var(--medium-lighter-1); |
138 | 142 | }
|
139 | 143 | /* common */
|
140 | 144 | md-list.md-default-theme md-list-item.md-2-line .md-list-item-text h3,
|
|
189 | 193 | .learn-top-container .learn-top-items .learn-top-item .learn-top-item-text .learn-top-item-desc {
|
190 | 194 | color: var(--main-text) !important;
|
191 | 195 | }
|
| 196 | + /* learn dialog */ |
| 197 | + .learn-dialog-scrollable-area .learn-dialog-content .learn-dialog-content-info{ |
| 198 | + color: var(--main-text) !important; |
| 199 | + } |
192 | 200 | /* community card */
|
193 | 201 | .community-card md-card-content{
|
194 | 202 | background-color: var(--bg-lighter-2) !important;
|
|
218 | 226 | background-color: var(--bg-lighter-2) !important;
|
219 | 227 | color: var(--main-text) !important;
|
220 | 228 | }
|
| 229 | + /* stepper */ |
| 230 | + .md-stepper-indicator-wrapper{ |
| 231 | + background-color: var(--bg-lighter-2) !important; |
| 232 | + } |
| 233 | + .md-stepper-indicator.md-active .md-stepper-title, .md-stepper-indicator.md-completed .md-stepper-title{ |
| 234 | + color: var(--main-text) !important; |
| 235 | + } |
| 236 | + .md-steppers-linear .md-stepper-title, .md-steppers-linear .md-stepper-title small:not(.md-stepper-error-message){ |
| 237 | + color: var(--main-text-a50) !important; |
| 238 | + } |
| 239 | + .md-steppers-horizontal .md-stepper-indicator:after{ |
| 240 | + background-color: var(--bg-lighter-5) !important; |
| 241 | + } |
| 242 | + .md-stepper-indicator:not(.md-active) .md-stepper-number{ |
| 243 | + background-color: var(--bg-lighter-5) !important; |
| 244 | + color: var(--main-text); |
| 245 | + } |
| 246 | + /* radio */ |
| 247 | + md-radio-button.md-default-theme[disabled], md-radio-button[disabled], md-radio-group.md-default-theme[disabled], md-radio-group[disabled] { |
| 248 | + color: var(--main-text-a50) !important; |
| 249 | + } |
| 250 | + md-radio-button.md-default-theme .md-off, md-radio-button .md-off{ |
| 251 | + border-color: var(--main-text) !important; |
| 252 | + } |
| 253 | + md-radio-button.md-default-theme[disabled] .md-container .md-off, md-radio-button[disabled] .md-container .md-off, md-radio-button.md-default-theme[disabled] .md-container .md-on, md-radio-button[disabled] .md-container .md-on, md-radio-group.md-default-theme[disabled] .md-container .md-off, md-radio-group[disabled] .md-container .md-off, md-radio-group.md-default-theme[disabled] .md-container .md-on, md-radio-group[disabled] .md-container .md-on{ |
| 254 | + border-color: var(--main-text-a50) !important; |
| 255 | + } |
| 256 | + /* checkbox */ |
| 257 | + md-checkbox.md-default-theme:not(.md-checked) .md-icon, md-checkbox:not(.md-checked) .md-icon{ |
| 258 | + border-color: var(--main-text) !important; |
| 259 | + } |
| 260 | + /* back button */ |
| 261 | + .md-button.md-default-theme.md-accent[disabled], .md-button.md-accent[disabled], .md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled], .md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled], .md-button.md-default-theme.md-warn[disabled], .md-button.md-warn[disabled], .md-button.md-default-theme[disabled], .md-button[disabled]{ |
| 262 | + color: var(--main-text-a50) !important; |
| 263 | + } |
| 264 | + /* module table container */ |
| 265 | + .module-table-container::-webkit-scrollbar, |
| 266 | + .module-table-container::-webkit-scrollbar-track{ |
| 267 | + background: var(--bg-lighter-2) !important; |
| 268 | + } |
| 269 | + .module-table-container::-webkit-scrollbar-thumb{ |
| 270 | + background-color: var(--medium) !important; |
| 271 | + border: 5px solid var(--bg-lighter-2) !important; |
| 272 | + } |
| 273 | + .module-table-container::-webkit-scrollbar-thumb:hover{ |
| 274 | + background-color: var(--medium-lighter-1) !important; |
| 275 | + border-color: var(--bg-lighter-3) !important; |
| 276 | + } |
221 | 277 | </style>
|
222 | 278 | """
|
223 | 279 |
|
|
0 commit comments