diff options
| author | yaling888 <[email protected]> | 2022-05-06 03:55:39 +0800 |
|---|---|---|
| committer | yaling888 <[email protected]> | 2022-05-06 03:55:39 +0800 |
| commit | dafd4486f17fcd72ac86578854886a807b0c4748 (patch) | |
| tree | d15d3345690f84000afda53c5c2f2ebe84cfdb8b /src/components/shared/Basic.module.scss | |
| parent | 96c16b0ae5562cbe16b311da0ed9f839da172c4e (diff) | |
| parent | 4dea888769ef153806bc5275616fd3c9d3e0a32b (diff) | |
Merge 'tracking' into master
Diffstat (limited to 'src/components/shared/Basic.module.scss')
| -rw-r--r-- | src/components/shared/Basic.module.scss | 46 |
1 files changed, 22 insertions, 24 deletions
diff --git a/src/components/shared/Basic.module.scss b/src/components/shared/Basic.module.scss index 8e5a113..b8e0068 100644 --- a/src/components/shared/Basic.module.scss +++ b/src/components/shared/Basic.module.scss @@ -36,32 +36,30 @@ h2.sectionNameType { * */ -:global { - body.light { - /* +:root[data-theme='light'] { + /* * --loading-dot-{dot-index}-{dot-keyframe-phase} */ - --loading-dot-1-1: rgba(0, 0, 0, 0.1); - --loading-dot-1-2: rgba(0, 0, 0, 0.5); - --loading-dot-1-3: rgba(0, 0, 0, 0.3); - --loading-dot-2-1: rgba(0, 0, 0, 0.3); - --loading-dot-2-2: rgba(0, 0, 0, 0.1); - --loading-dot-2-3: rgba(0, 0, 0, 0.5); - --loading-dot-3-1: rgba(0, 0, 0, 0.5); - --loading-dot-3-2: rgba(0, 0, 0, 0.3); - --loading-dot-3-3: rgba(0, 0, 0, 0.1); - } - body.dark { - --loading-dot-1-1: rgba(255, 255, 255, 0.5); - --loading-dot-1-2: rgba(255, 255, 255, 0.1); - --loading-dot-1-3: rgba(255, 255, 255, 0.3); - --loading-dot-2-1: rgba(255, 255, 255, 0.3); - --loading-dot-2-2: rgba(255, 255, 255, 0.5); - --loading-dot-2-3: rgba(255, 255, 255, 0.1); - --loading-dot-3-1: rgba(255, 255, 255, 0.1); - --loading-dot-3-2: rgba(255, 255, 255, 0.3); - --loading-dot-3-3: rgba(255, 255, 255, 0.5); - } + --loading-dot-1-1: rgba(0, 0, 0, 0.1); + --loading-dot-1-2: rgba(0, 0, 0, 0.5); + --loading-dot-1-3: rgba(0, 0, 0, 0.3); + --loading-dot-2-1: rgba(0, 0, 0, 0.3); + --loading-dot-2-2: rgba(0, 0, 0, 0.1); + --loading-dot-2-3: rgba(0, 0, 0, 0.5); + --loading-dot-3-1: rgba(0, 0, 0, 0.5); + --loading-dot-3-2: rgba(0, 0, 0, 0.3); + --loading-dot-3-3: rgba(0, 0, 0, 0.1); +} +:root[data-theme='dark'] { + --loading-dot-1-1: rgba(255, 255, 255, 0.5); + --loading-dot-1-2: rgba(255, 255, 255, 0.1); + --loading-dot-1-3: rgba(255, 255, 255, 0.3); + --loading-dot-2-1: rgba(255, 255, 255, 0.3); + --loading-dot-2-2: rgba(255, 255, 255, 0.5); + --loading-dot-2-3: rgba(255, 255, 255, 0.1); + --loading-dot-3-1: rgba(255, 255, 255, 0.1); + --loading-dot-3-2: rgba(255, 255, 255, 0.3); + --loading-dot-3-3: rgba(255, 255, 255, 0.5); } .loadingDot, |