root/gpustack-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: dark config

Browse Source
This commit is contained in:
jialin
2025-04-28 10:05:06 +08:00
parent d4d7148f16
commit ce9c31f368
35 changed files with 678 additions and 399 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/global.less
+24 -38
View File
@@ -5,15 +5,15 @@
html {
--font-family: 'noto sans', sans-serif;
--ant-color-text-secondary: rgba(0, 0, 0, 65%);
--ant-color-text-tertiary: rgba(0, 0, 0, 45%);
--ant-color-text-quaternary: rgba(0, 0, 0, 25%);
--ant-color-fill: rgba(223, 168, 168, 15%);
--ant-color-fill-secondary: rgba(0, 0, 0, 6%);
--ant-color-fill-tertiary: rgba(0, 0, 0, 4%);
--ant-color-fill-quaternary: rgba(0, 0, 0, 2%);
// --ant-color-text-secondary: rgba(0, 0, 0, 65%);
// --ant-color-text-tertiary: rgba(0, 0, 0, 45%);
// --ant-color-text-quaternary: rgba(0, 0, 0, 25%);
// --ant-color-fill: rgba(223, 168, 168, 15%);
// --ant-color-fill-secondary: rgba(0, 0, 0, 6%);
// --ant-color-fill-tertiary: rgba(0, 0, 0, 4%);
// --ant-color-fill-quaternary: rgba(0, 0, 0, 2%);
--color-text-light-1: rgba(255, 255, 255, 90%);
--color-fill-1: var(--ant-color-fill-tertiary);
--color-fill-1: var(--ant-color-bg-container);
--color-scrollbar-thumb: rgba(193, 193, 193, 80%);
--scrollbar-size: 6px;
--scrollbar-handle-bg: rgba(0, 0, 0, 44%);
@@ -22,7 +22,6 @@ html {
--color-editor-dark: #282c34;
--color-editor-light: #fafafa;
--color-scrollbar-track: var(--ant-color-fill-tertiary);
--ant-color-text: #000;
--color-bg-1: #f4f5f4;
--color-scroll-bg: #d9d9d9;
--color-fill-2: #fff;
@@ -41,7 +40,7 @@ html {
--border-radius-mini: 4px;
--border-radius-2px: 2px;
--color-white-1: rgba(255, 255, 255, 100%);
--color-fill-sider: #f4f5f4;
--color-fill-sider: var(--ant-color-fill-tertiary);
--font-weight-500: 500;
--font-weight-normal: 400;
--font-weight-medium: 600;
@@ -56,7 +55,6 @@ html {
--color-white-light-4: rgba(255, 255, 255, 45%);
--color-gray-fill-4: rgba(92, 92, 92, 45%);
--color-gray-fill-3: rgba(92, 92, 92, 35%);
--color-text-1: var(--ant-color-text);
--color-text-3: rgba(0, 0, 0, 45%);
--color-text-2: rgba(0, 0, 0, 65%);
--color-bg-light-1: #e6f6ff;
@@ -73,20 +71,19 @@ html {
--ant-color-error: #ff4d4f;
--ant-box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 8%),
0 3px 6px -4px rgba(0, 0, 0, 12%), 0 9px 28px 8px rgba(0, 0, 0, 5%);
--ant-table-cell-padding-inline: 16px;
--ant-table-cell-padding-block: 6px;
--ant-table-header-border-radius: 4px;
--ant-table-header-split-color: #f0f0f0;
--ant-table-row-selected-bg: #e6f6ff;
--ant-table-row-selected-hover-bg: rgb(249 249 249);
--ant-table-row-hover-bg: rgb(249 249 249);
--table-cell-padding-inline: var(--ant-table-cell-padding-inline);
--table-cell-padding-block: var(--ant-table-cell-padding-block);
--table-header-border-radius: var(--ant-table-header-border-radius);
--table-header-split-color: var(--ant-table-header-split-color);
--table-row-selected-bg: var(--ant-table-row-selected-bg);
--table-row-selected-hover-bg: var(--ant-table-row-selected-hover-bg);
--table-row-hover-bg: var(--ant-table-row-hover-bg);
--color-chart-red: rgba(255, 77, 79, 80%);
--color-chart-green: rgb(84, 204, 152, 80%);
--color-chart-glod: rgba(250, 173, 20, 80%);
--seal-transition-func: cubic-bezier(0, 0, 1, 1);
--color-progress-green: rgba(84, 204, 152, 100%);
--color-green-fill-light: rgb(243 251 248);
--color-border-1: rgba(217, 217, 217, 100%);
--ant-rate-star-color: #fadb14;
--color-fill-mask: rgba(255, 255, 255, 60%);
--width-tooltip-max: 300px;
@@ -159,8 +156,8 @@ html {
}
}
body * {
// font-weight: var(--font-weight-normal);
html[data-theme='realDark'] {
--color-white-1: #1d1e20;
}
body {
@@ -224,22 +221,12 @@ body {
border: none;
padding-block: 0;
height: 50px;
background-color: var(--color-fill-sider);
background-color: var(--ant-color-fill-tertiary);
}
tr > td {
border-bottom: none;
height: 68px;
// &:first-child {
// border-top-left-radius: var(--table-td-radius);
// border-bottom-left-radius: var(--table-td-radius);
// }
// &:last-child {
// border-top-right-radius: var(--table-td-radius);
// border-bottom-right-radius: var(--table-td-radius);
// }
}
}
@@ -343,7 +330,7 @@ body {
}
.ant-pro-sider .ant-layout-sider-children {
background-color: var(--color-fill-sider);
background-color: var(--ant-color-fill-tertiary);
// box-shadow:
// 0px 1px 2px 0px rgb(0 0 0 / 30%),
// 0px 2px 6px 2px rgb(0 0 0 / 15%);
@@ -363,7 +350,6 @@ body {
.ant-table-tbody {
.ant-table-row {
border-radius: var(--table-td-radius);
// background-color: var(--color-fill-sider);
> td {
background-color: unset;
@@ -397,6 +383,7 @@ body {
.ant-layout {
min-height: 100vh;
background: var(--ant-color-bg-container);
}
.ant-pro-layout-bg-list {
@@ -406,6 +393,7 @@ body {
.ant-pro-layout-container {
overflow-x: auto;
min-height: 100vh;
background: var(--ant-color-bg-container);
}
.ant-pro-sider {
@@ -725,8 +713,6 @@ body {
}
.ant-pro-page-container {
background: transparent;
.ant-page-header-heading {
min-width: max-content;
}
@@ -857,12 +843,12 @@ body {
flex-direction: column;
gap: 4px;
font-size: 11px;
background-color: rgba(255, 255, 255, 80%);
background-color: transparent;
min-width: 100px;
max-width: 360px;
.tooltip-x-name {
font-size: var(--font-size-base);
font-size: var(--font-size-small);
color: var(--ant-color-text-tertiary);
}