by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fix a series of known problems,fixed #54

Browse Source
This commit is contained in:
vince
2024-07-18 21:59:18 +08:00
parent 01e95e029f
commit 276ef2ebc3
36 changed files with 314 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/@core/shared/design/src/css/global.css
View File

@@ -23,14 +23,14 @@
scroll-behavior: smooth;
text-rendering: optimizelegibility;
-webkit-tap-highlight-color: transparent;
}
html.invert-mode {
@apply invert;
}
&.invert-mode {
@apply invert;
}
html.grayscale-mode {
@apply grayscale;
&.grayscale-mode {
@apply grayscale;
}
}
#app,
@@ -41,7 +41,8 @@
body {
min-height: 100vh;
overflow: overlay;
/* overflow: overlay; */
-webkit-font-smoothing: antialiased;
}

28
packages/@core/shared/design/src/design-tokens/dark/index.css
View File

@@ -5,7 +5,7 @@
--background: 222.34deg 10.43% 12.27%;
/* 主体区域背景色 */
--background-content: 220deg 13.06% 9%;
--background-deep: 220deg 13.06% 9%;
--foreground: 220 13% 91%;
/* Background color for <Card /> */
@@ -95,7 +95,7 @@
.dark[data-theme='violet'],
[data-theme='violet'] .dark {
--background: 224 71.4% 4.1%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 210 20% 98%;
--card: 224 71.4% 4.1%;
--card-foreground: 210 20% 98%;
@@ -120,7 +120,7 @@
.dark[data-theme='pink'],
[data-theme='pink'] .dark {
--background: 20 14.3% 4.1%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 0 0% 95%;
--card: 24 9.8% 10%;
--card-foreground: 0 0% 95%;
@@ -145,7 +145,7 @@
.dark[data-theme='rose'],
[data-theme='rose'] .dark {
--background: 0 0% 3.9%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 0 0% 98%;
--card: 0 0% 3.9%;
--card-foreground: 0 0% 98%;
@@ -170,7 +170,7 @@
.dark[data-theme='sky-blue'],
[data-theme='sky-blue'] .dark {
--background: 222.2 84% 4.9%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
@@ -195,7 +195,7 @@
.dark[data-theme='deep-blue'],
[data-theme='deep-blue'] .dark {
--background: 222.2 84% 4.9%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
@@ -220,7 +220,7 @@
.dark[data-theme='green'],
[data-theme='green'] .dark {
--background: 20 14.3% 4.1%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 0 0% 95%;
--card: 24 9.8% 10%;
--card-foreground: 0 0% 95%;
@@ -245,7 +245,7 @@
.dark[data-theme='deep-green'],
[data-theme='deep-green'] .dark {
--background: 20 14.3% 4.1%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 0 0% 95%;
--card: 24 9.8% 10%;
--card-foreground: 0 0% 95%;
@@ -270,7 +270,7 @@
.dark[data-theme='orange'],
[data-theme='orange'] .dark {
--background: 20 14.3% 4.1%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 60 9.1% 97.8%;
--card: 20 14.3% 4.1%;
--card-foreground: 60 9.1% 97.8%;
@@ -295,7 +295,7 @@
.dark[data-theme='yellow'],
[data-theme='yellow'] .dark {
--background: 20 14.3% 4.1%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 60 9.1% 97.8%;
--card: 20 14.3% 4.1%;
--card-foreground: 60 9.1% 97.8%;
@@ -320,7 +320,7 @@
.dark[data-theme='zinc'],
[data-theme='zinc'] .dark {
--background: 240 10% 3.9%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
@@ -345,7 +345,7 @@
.dark[data-theme='neutral'],
[data-theme='neutral'] .dark {
--background: 0 0% 3.9%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 0 0% 98%;
--card: 0 0% 3.9%;
--card-foreground: 0 0% 98%;
@@ -370,7 +370,7 @@
.dark[data-theme='slate'],
[data-theme='slate'] .dark {
--background: 222.2 84% 4.9%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
@@ -395,7 +395,7 @@
.dark[data-theme='gray'],
[data-theme='gray'] .dark {
--background: 224 71.4% 4.1%;
--background-content: var(--background);
--background-deep: var(--background);
--foreground: 210 20% 98%;
--card: 224 71.4% 4.1%;
--card-foreground: 210 20% 98%;

4
packages/@core/shared/design/src/design-tokens/default/index.css
View File

@@ -8,7 +8,7 @@
--background: 0 0 100%;
/* 主体区域背景色 */
--background-content: 210 11.11% 96.47%;
--background-deep: 210 11.11% 96.47%;
--foreground: 210 6% 21%;
/* Background color for <Card /> */
@@ -74,7 +74,7 @@
/* ============= custom ============= */
/* 遮罩颜色 */
--overlay: 0deg 0% 0% / 40%;
--overlay: 0deg 0% 0% / 30%;
/* 基本文字大小 */
--font-size-base: 16px;