From 1115e15ff41ef628989256063d6fa5e22d9def69 Mon Sep 17 00:00:00 2001 From: Hiram <> Date: Fri, 7 Jun 2024 22:06:38 +0800 Subject: [PATCH] [optimization] style contrast --- .../src/components/common-nav/index.vue | 6 +- src/renderer/src/components/player/index.vue | 2 +- .../src/components/share-popup/index.vue | 2 +- .../src/layouts/components/Header.vue | 2 +- .../src/layouts/components/HistoryControl.vue | 2 +- .../src/layouts/components/PlayShow.vue | 2 +- .../src/layouts/components/SearchBar.vue | 2 +- src/renderer/src/layouts/index.vue | 1 - .../src/locales/lang/en_US/pages/setting.ts | 4 +- .../src/locales/lang/zh_CN/pages/setting.ts | 30 ++++- src/renderer/src/pages/Analyze.vue | 52 +-------- src/renderer/src/pages/Play.vue | 16 ++- .../src/pages/analyze/DialogHistory.vue | 12 +- .../src/pages/analyze/DialogSearch.vue | 2 +- .../pages/setting/analyze/AnalyzeSetting.vue | 23 +--- .../setting/base/components/DialogBarrage.vue | 6 +- .../setting/base/components/DialogUA.vue | 6 +- .../src/pages/setting/drive/DriveSetting.vue | 23 +--- .../src/pages/setting/iptv/IptvSetting.vue | 23 +--- .../src/pages/setting/site/SiteSetting.vue | 23 +--- src/renderer/src/style/layout.less | 103 +++++++++++++----- 21 files changed, 147 insertions(+), 195 deletions(-) diff --git a/src/renderer/src/components/common-nav/index.vue b/src/renderer/src/components/common-nav/index.vue index 2c7e900c0..90db95b07 100644 --- a/src/renderer/src/components/common-nav/index.vue +++ b/src/renderer/src/components/common-nav/index.vue @@ -181,7 +181,7 @@ const searchEvent = () => { transition: all 0.25s ease-in-out; :deep(.t-input) { - background-color: var(--td-bg-content-input); + background-color: var(--td-bg-content-input-2); border: none; outline: none; width: 148px; @@ -232,12 +232,12 @@ const searchEvent = () => { } &:hover { - background-color: var(--td-bg-content-hover); + background-color: var(--td-bg-content-hover-2); } } .is-active { - background-color: var(--td-bg-content-active); + background-color: var(--td-bg-content-active-2); } } } diff --git a/src/renderer/src/components/player/index.vue b/src/renderer/src/components/player/index.vue index 02d4b2d84..919d83611 100644 --- a/src/renderer/src/components/player/index.vue +++ b/src/renderer/src/components/player/index.vue @@ -87,7 +87,7 @@ defineExpose({ position: relative; width: 100%; height: 100%; - background: var(--td-bg-color-page) url(@/assets/bg-player.jpg) center center; + background: url(@/assets/bg-player.jpg) center center; .player { width: 100%; diff --git a/src/renderer/src/components/share-popup/index.vue b/src/renderer/src/components/share-popup/index.vue index b769faca6..4c68ab529 100644 --- a/src/renderer/src/components/share-popup/index.vue +++ b/src/renderer/src/components/share-popup/index.vue @@ -176,7 +176,7 @@ const copyShareUrl = async () => { width: 100%; text-align: right; vertical-align: middle; - background: var(--td-bg-content-input); + background: var(--td-bg-content-input-2); height: 32px; border-radius: var(--td-radius-round); diff --git a/src/renderer/src/layouts/components/Header.vue b/src/renderer/src/layouts/components/Header.vue index 93faf8eae..e9d36d23c 100644 --- a/src/renderer/src/layouts/components/Header.vue +++ b/src/renderer/src/layouts/components/Header.vue @@ -48,7 +48,7 @@ const handleMouseDown = (event) => { display: flex; justify-content: space-between; height: 32px; - margin: var(--td-comp-margin-m) var(--td-comp-margin-xs); + margin: var(--td-comp-margin-m) var(--td-comp-margin-xs) var(--td-comp-margin-m) 0; .no-drag { -webkit-app-region: no-drag; diff --git a/src/renderer/src/layouts/components/HistoryControl.vue b/src/renderer/src/layouts/components/HistoryControl.vue index 6d57bd548..50e7a5359 100644 --- a/src/renderer/src/layouts/components/HistoryControl.vue +++ b/src/renderer/src/layouts/components/HistoryControl.vue @@ -45,7 +45,7 @@ const gotoRefresh = () => { display: flex; justify-content: space-around; align-items: center; - background: var(--td-bg-content-input); + background: var(--td-bg-content-input-1); height: 100%; width: 100px; border-radius: 50px; diff --git a/src/renderer/src/layouts/components/PlayShow.vue b/src/renderer/src/layouts/components/PlayShow.vue index 6bedabd43..8039518f3 100644 --- a/src/renderer/src/layouts/components/PlayShow.vue +++ b/src/renderer/src/layouts/components/PlayShow.vue @@ -54,9 +54,9 @@ const destroyPlayerWindowEvent = () => { .mini-box { border-radius: var(--td-radius-round); + background-color: var(--td-bg-content-input-1); height: 100%; width: 140px; - background-color: var(--td-bg-color-component); display: flex; align-items: center; cursor: pointer; diff --git a/src/renderer/src/layouts/components/SearchBar.vue b/src/renderer/src/layouts/components/SearchBar.vue index ee99e880b..b7ba8e01f 100644 --- a/src/renderer/src/layouts/components/SearchBar.vue +++ b/src/renderer/src/layouts/components/SearchBar.vue @@ -421,7 +421,7 @@ hotReloadeventBus.on(() => { :deep(.t-input) { border-color: transparent; border-radius: 50px; - background: var(--td-bg-content-input); + background: var(--td-bg-content-input-1); box-shadow: none; &.t-is-focused .t-input__prefix>.t-icon { diff --git a/src/renderer/src/layouts/index.vue b/src/renderer/src/layouts/index.vue index d9907d29c..6f1b1238d 100644 --- a/src/renderer/src/layouts/index.vue +++ b/src/renderer/src/layouts/index.vue @@ -40,7 +40,6 @@ const sideMenu = computed(() => { diff --git a/src/renderer/src/locales/lang/en_US/pages/setting.ts b/src/renderer/src/locales/lang/en_US/pages/setting.ts index 733ddf44c..3ca754f0f 100644 --- a/src/renderer/src/locales/lang/en_US/pages/setting.ts +++ b/src/renderer/src/locales/lang/en_US/pages/setting.ts @@ -320,11 +320,13 @@ export default { help: 'Help', doc: 'Doc', ai: 'Ai', - title: 'Source Tool [Hjdhnx United]', + title: 'Source Tool', template: 'Template', templateTip: 'select one default template to edit', run: 'Run', fileManage: 'File', + sift: 'Sift', + editSource: 'Edit', placeholder: { reqHeader: '{ "User-Agent": "Mozilla/5.0 zyplayer" }', reqBody: '{ "key": "01b9b7" }', diff --git a/src/renderer/src/locales/lang/zh_CN/pages/setting.ts b/src/renderer/src/locales/lang/zh_CN/pages/setting.ts index 48c6ada23..1cda9319e 100644 --- a/src/renderer/src/locales/lang/zh_CN/pages/setting.ts +++ b/src/renderer/src/locales/lang/zh_CN/pages/setting.ts @@ -321,11 +321,13 @@ export default { doc: '文档', ai: '智脑', tool: '工具', - title: '写源工具 [道长联名]', + title: '写源工具', template: '模板', templateTip: '选择一个要编辑的默认模板', run: '运行', fileManage: '文件', + sift: '筛选', + editSource: '写源', placeholder: { reqHeader: '{ "User-Agent": "Mozilla/5.0 zyplayer" }', reqBody: '{ "key": "01b9b7" }', @@ -455,4 +457,30 @@ export default { }, }, }, + tool: { + sift: { + title: '静态筛选', + rule: { + className: '', + classUrl: '', + url: '', + deatil: '', + keyEx: '', + class: '大类', + excluded: '排除', + link: '链接', + filter: '筛选', + filterInfo: '详细', + try: '执行', + reg: '正则', + plot: '剧情', + area: '地区', + lang: '语言', + year: '年份', + letter: '字母', + sort: '排序', + + }, + }, + }, }; diff --git a/src/renderer/src/pages/Analyze.vue b/src/renderer/src/pages/Analyze.vue index 8fa0b2453..b741fe1f2 100644 --- a/src/renderer/src/pages/Analyze.vue +++ b/src/renderer/src/pages/Analyze.vue @@ -335,7 +335,7 @@ const changeDefaultEvent = async (id) => { width: 100%; border-radius: var(--td-radius-large); position: absolute; - background: var(--td-bg-color-page) url(@/assets/bg-player.jpg) center center; + background: url(@/assets/bg-player.jpg) center center; } .head-info-section { @@ -454,12 +454,12 @@ const changeDefaultEvent = async (id) => { height: 40px; padding: 0; border-radius: 20px; - background-color: var(--td-bg-content-input); + background-color: var(--td-bg-content-input-2); display: flex; :deep(.t-input) { border-radius: 20px; - background-color: var(--td-bg-content-input); + background-color: var(--td-bg-content-input-2); border: none; outline: none; } @@ -517,52 +517,6 @@ const changeDefaultEvent = async (id) => { } } } - - .analyze-flex { - .mini-box { - border-radius: var(--td-radius-round); - height: 31px; - width: 140px; - background-color: var(--td-bg-color-component); - display: flex; - align-items: center; - cursor: pointer; - - &-close { - margin-right: var(--td-comp-margin-s); - width: 15px; - display: flex; - justify-content: center; - color: var(--td-brand-color); - - svg { - margin: 0 auto; - } - } - - &-title-warp { - margin: 0 var(--td-comp-margin-xs) 0 var(--td-comp-margin-l); - overflow: hidden; - width: 100%; - - .mini-box-title { - display: inline-block; - white-space: nowrap; - animation: marquee 10s linear infinite; - } - - @keyframes marquee { - 0% { - transform: translateX(100%); - } - - 100% { - transform: translateX(-100%); - } - } - } - } - } } } diff --git a/src/renderer/src/pages/Play.vue b/src/renderer/src/pages/Play.vue index c54211d17..2d04494af 100644 --- a/src/renderer/src/pages/Play.vue +++ b/src/renderer/src/pages/Play.vue @@ -1310,7 +1310,7 @@ window.electron.ipcRenderer.on('destroy-playerWindow', () => { height: 32px; width: 120px; border-radius: var(--td-radius-medium); - background-color: var(--td-bg-content-input); + background-color: var(--td-bg-content-active-1); padding: 2px 10px; transition: 0.15s linear; cursor: pointer; @@ -1321,7 +1321,7 @@ window.electron.ipcRenderer.on('destroy-playerWindow', () => { } &:hover { - background-color: var(--td-bg-content-active); + background-color: var(--td-bg-content-hover-1); } } } @@ -1387,7 +1387,7 @@ window.electron.ipcRenderer.on('destroy-playerWindow', () => { position: relative; width: 100%; height: 100%; - background: var(--td-bg-color-page) url(@/assets/bg-player.jpg) center center; + background: url(@/assets/bg-player.jpg) center center; .player-media { width: 100%; @@ -1449,7 +1449,7 @@ window.electron.ipcRenderer.on('destroy-playerWindow', () => { width: 300px; height: 100%; position: relative; - background: var(--td-bg-color-container); + background: var(--td-bg-container); border-radius: var(--td-radius-medium); padding: 10px 10px 0; box-sizing: border-box; @@ -1536,13 +1536,17 @@ window.electron.ipcRenderer.on('destroy-playerWindow', () => { } &:hover { - background-color: var(--td-bg-content-active); + background-color: var(--td-bg-content-hover-2); border-radius: var(--td-radius-medium); } } } } + :deep(.t-tab-panel) { + background-color: var(--td-bg-container); + } + .channel-wrap, .epg-wrap, .drive-wrap { @@ -1752,7 +1756,7 @@ window.electron.ipcRenderer.on('destroy-playerWindow', () => { right: 1px; bottom: 1px; border-radius: 8px; - background-color: var(--td-bg-color-container); + background-color: var(--td-bg-container); z-index: 2; } diff --git a/src/renderer/src/pages/analyze/DialogHistory.vue b/src/renderer/src/pages/analyze/DialogHistory.vue index 21d2fb1b3..799e17dd8 100644 --- a/src/renderer/src/pages/analyze/DialogHistory.vue +++ b/src/renderer/src/pages/analyze/DialogHistory.vue @@ -4,11 +4,7 @@
{{ formatDate(item.date) }}
- +
{{ item.videoName }}
@@ -75,7 +71,7 @@ watch( ); const infiniteId = ref(+new Date()); -const historyList = ref([]); +const historyList = ref([]); const pagination = ref({ pageIndex: 0, pageSize: 32, @@ -122,7 +118,7 @@ const getHistoryList = async () => { const { pageIndex, pageSize } = pagination.value; const res = await fetchHistoryList(pageIndex, pageSize, 'analyze'); const { data, total } = res; - historyList.value = _.unionWith(historyList.value, data, _.isEqual); + historyList.value = _.unionWith(historyList.value, data, _.isEqual) as any; pagination.value.count = total; pagination.value.pageIndex++; @@ -160,7 +156,7 @@ const formatDate = (timestamp) => { &:hover { border-radius: var(--td-radius-medium); - background-color: rgba(132, 133, 141, 0.16); + background-color: var(--td-bg-content-active-2); } } diff --git a/src/renderer/src/pages/analyze/DialogSearch.vue b/src/renderer/src/pages/analyze/DialogSearch.vue index b1c512953..03c7f6eaf 100644 --- a/src/renderer/src/pages/analyze/DialogSearch.vue +++ b/src/renderer/src/pages/analyze/DialogSearch.vue @@ -363,7 +363,7 @@ const closeDialog = () => { height: 40px; align-items: center; justify-content: space-between; - background-color: var(--td-bg-color-page); + background-color: var(--td-bg-content-input); box-shadow: var(--td-shadow-1); border-radius: 10px; padding-left: 24px; diff --git a/src/renderer/src/pages/setting/analyze/AnalyzeSetting.vue b/src/renderer/src/pages/setting/analyze/AnalyzeSetting.vue index bac327111..a4fde0586 100644 --- a/src/renderer/src/pages/setting/analyze/AnalyzeSetting.vue +++ b/src/renderer/src/pages/setting/analyze/AnalyzeSetting.vue @@ -318,7 +318,7 @@ const defaultEvent = async (row) => { display: flex; height: var(--td-comp-size-m); padding: 0 var(--td-comp-paddingLR-xs); - background-color: var(--td-bg-content-input); + background-color: var(--td-bg-content-input-2); border-radius: var(--td-radius-default); align-items: center; border-radius: var(--td-radius-medium); @@ -336,30 +336,9 @@ const defaultEvent = async (row) => { &:hover { transition: all 0.2s ease 0s; color: var(--td-text-color-primary); - background-color: var(--td-bg-color-container-hover); } } } } - - :deep(.t-table) { - background-color: var(--td-bg-color-container); - - tr { - background-color: var(--td-bg-color-container); - - &:hover { - background-color: var(--td-bg-color-container-hover); - } - } - } - - :deep(.t-table__header--fixed):not(.t-table__header--multiple)>tr>th { - background-color: var(--td-bg-color-container); - } - - :deep(.t-table__pagination) { - background-color: var(--td-bg-color-container); - } } diff --git a/src/renderer/src/pages/setting/base/components/DialogBarrage.vue b/src/renderer/src/pages/setting/base/components/DialogBarrage.vue index b2a5d0912..5f0db5f80 100644 --- a/src/renderer/src/pages/setting/base/components/DialogBarrage.vue +++ b/src/renderer/src/pages/setting/base/components/DialogBarrage.vue @@ -95,4 +95,8 @@ const onClickCloseBtn = () => { }; - + diff --git a/src/renderer/src/pages/setting/base/components/DialogUA.vue b/src/renderer/src/pages/setting/base/components/DialogUA.vue index 593415cf9..8c36c8735 100644 --- a/src/renderer/src/pages/setting/base/components/DialogUA.vue +++ b/src/renderer/src/pages/setting/base/components/DialogUA.vue @@ -103,4 +103,8 @@ const onClickCloseBtn = () => { }; - + diff --git a/src/renderer/src/pages/setting/drive/DriveSetting.vue b/src/renderer/src/pages/setting/drive/DriveSetting.vue index cb8b208a2..8cfd18542 100644 --- a/src/renderer/src/pages/setting/drive/DriveSetting.vue +++ b/src/renderer/src/pages/setting/drive/DriveSetting.vue @@ -279,7 +279,7 @@ const aliAuthEvent = () => { display: flex; height: var(--td-comp-size-m); padding: 0 var(--td-comp-paddingLR-xs); - background-color: var(--td-bg-content-input); + background-color: var(--td-bg-content-input-2); border-radius: var(--td-radius-default); align-items: center; border-radius: var(--td-radius-medium); @@ -297,30 +297,9 @@ const aliAuthEvent = () => { &:hover { transition: all 0.2s ease 0s; color: var(--td-text-color-primary); - background-color: var(--td-bg-color-container-hover); } } } } - - :deep(.t-table) { - background-color: var(--td-bg-color-container); - - tr { - background-color: var(--td-bg-color-container); - - &:hover { - background-color: var(--td-bg-color-container-hover); - } - } - } - - :deep(.t-table__header--fixed):not(.t-table__header--multiple)>tr>th { - background-color: var(--td-bg-color-container); - } - - :deep(.t-table__pagination) { - background-color: var(--td-bg-color-container); - } } diff --git a/src/renderer/src/pages/setting/iptv/IptvSetting.vue b/src/renderer/src/pages/setting/iptv/IptvSetting.vue index d6349813a..7e86eef3c 100644 --- a/src/renderer/src/pages/setting/iptv/IptvSetting.vue +++ b/src/renderer/src/pages/setting/iptv/IptvSetting.vue @@ -310,7 +310,7 @@ const defaultEvent = async (row) => { display: flex; height: var(--td-comp-size-m); padding: 0 var(--td-comp-paddingLR-xs); - background-color: var(--td-bg-content-input); + background-color: var(--td-bg-content-input-2); border-radius: var(--td-radius-default); align-items: center; border-radius: var(--td-radius-medium); @@ -328,30 +328,9 @@ const defaultEvent = async (row) => { &:hover { transition: all 0.2s ease 0s; color: var(--td-text-color-primary); - background-color: var(--td-bg-color-container-hover); } } } } - - :deep(.t-table) { - background-color: var(--td-bg-color-container); - - tr { - background-color: var(--td-bg-color-container); - - &:hover { - background-color: var(--td-bg-color-container-hover); - } - } - } - - :deep(.t-table__header--fixed):not(.t-table__header--multiple)>tr>th { - background-color: var(--td-bg-color-container); - } - - :deep(.t-table__pagination) { - background-color: var(--td-bg-color-container); - } } diff --git a/src/renderer/src/pages/setting/site/SiteSetting.vue b/src/renderer/src/pages/setting/site/SiteSetting.vue index cd43308d9..97a1f8949 100644 --- a/src/renderer/src/pages/setting/site/SiteSetting.vue +++ b/src/renderer/src/pages/setting/site/SiteSetting.vue @@ -383,7 +383,7 @@ const defaultEvent = async (row) => { display: flex; height: var(--td-comp-size-m); padding: 0 var(--td-comp-paddingLR-xs); - background-color: var(--td-bg-content-input); + background-color: var(--td-bg-content-input-2); border-radius: var(--td-radius-default); align-items: center; border-radius: var(--td-radius-medium); @@ -401,30 +401,9 @@ const defaultEvent = async (row) => { &:hover { transition: all 0.2s ease 0s; color: var(--td-text-color-primary); - background-color: var(--td-bg-color-container-hover); } } } } - - :deep(.t-table) { - background-color: var(--td-bg-color-container); - - tr { - background-color: var(--td-bg-color-container); - - &:hover { - background-color: var(--td-bg-color-container-hover); - } - } - } - - :deep(.t-table__header--fixed):not(.t-table__header--multiple)>tr>th { - background-color: var(--td-bg-color-container) !important; - } - - :deep(.t-table__pagination) { - background-color: var(--td-bg-color-container) !important; - } } diff --git a/src/renderer/src/style/layout.less b/src/renderer/src/style/layout.less index 9369ccc1b..53e3e8b4d 100644 --- a/src/renderer/src/style/layout.less +++ b/src/renderer/src/style/layout.less @@ -102,11 +102,11 @@ } .t-default-menu:not(.t-menu--dark) .t-menu__item.t-is-active:not(.t-is-opened) { - background-color: var(--td-bg-content-active); + background-color: var(--td-bg-content-active-1); } .t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled) { - background-color: var(--td-bg-content-hover); + background-color: var(--td-bg-content-hover-1); } .@{starter-prefix} { @@ -138,7 +138,7 @@ height: calc(100vh - 60px); overflow: hidden; border-radius: var(--td-radius-large); - background: var(--td-bg-color-container); + background: var(--td-bg-container); margin: 0 var(--td-comp-margin-xs) var(--td-comp-margin-xs) 0; } @@ -284,6 +284,7 @@ } .t-dialog--default { + background-color: var(--td-bg-container); .t-dialog__body { padding: var(--td-comp-paddingTB-l) var(--td-size-1) 0 var(--td-size-1); .t-radio-group__header { @@ -291,6 +292,9 @@ left: calc(var(--td-comp-paddingLR-xxl) + 40px); top: calc(var(--td-comp-paddingTB-xxl) - 0.1rem); } + .t-radio-group.t-radio-group--filled { + background-color: var(--td-bg-content-input-2); + } .t-form__item { margin-bottom: var(--td-comp-margin-l); } @@ -300,7 +304,7 @@ .t-textarea { .t-textarea__inner { border: var(--td-size-1) solid transparent; - background-color: var(--td-bg-content-input); + background-color: var(--td-bg-content-input-2); border-radius: var(--td-radius-medium); } } @@ -320,19 +324,17 @@ } } border: none; - background-color: var(--td-bg-color-page); box-shadow: var(--td-shadow-3); } .t-tabs__header { - .t-tabs__nav-container.t-is-top:after { - background-color: rgba(0, 0, 0, 0) !important; - } - // .t-tabs__bar.t-is-top { - // width:15px !important; - // left: 50% !important; - // transform: translate(-50%, 0); - // } + .t-tabs__nav-container.t-is-top { + background-color: var(--td-bg-container); + &:after { + background-color: transparent; + } + } + .t-tabs__nav-item { --ripple-color: transparent; &:not(.t-is-disabled):not(.t-is-active):hover { @@ -350,7 +352,7 @@ } .t-tabs__btn { border: 0; - background-color: var(--td-bg-color-container); + background-color: transparent; &:hover > svg { color: var(--td-brand-color); } @@ -374,7 +376,7 @@ .t-form__controls-content { padding: var(--td-size-1); .t-input { - background-color: var(--td-bg-content-input) !important; + background-color: var(--td-bg-content-input-2) !important; border-color: transparent; } } @@ -393,9 +395,41 @@ .search-bar { width: 146px; .t-input { - border-style: none !important; - background-color: var(--td-bg-content-input) !important; - border-radius: var(--td-radius-medium) !important; + border-style: none; + background-color: var(--td-bg-content-input-2); + border-radius: var(--td-radius-medium); + } + } +} + +.t-table { + background-color: var(--td-bg-container); + + tr { + background-color: var(--td-bg-container); + + &:hover { + background-color: var(--td-bg-color-container-hover); + } + } + + .t-table__header--fixed:not(.t-table__header--multiple) > tr > th { + background-color: var(--td-bg-container); + } + + .t-table__pagination { + background-color: var(--td-bg-container); + } + + .t-table__pagination-wrap { + .t-table__pagination { + .t-input--suffix { + border-color: transparent; + background-color: var(--td-bg-color-container); + } + .t-pagination__number { + border-color: transparent; + } } } } @@ -413,12 +447,18 @@ } :root[theme-mode='dark'] { - --td-bg-aside: #171717; - --td-bg-color-container: #1e1e20; - --td-bg-content-active: #343436; - --td-bg-content-hover: #3b3b3d; + --td-bg-aside: #111111; + --td-bg-container: #191919; + --td-bg-content-active: #303030; + --td-bg-content-active-1: #303030; + --td-bg-content-active-2: #404040; + --td-bg-content-hover: #282828; + --td-bg-content-hover-1: #282828; + --td-bg-content-hover-2: #323232; + --td-bg-content-input: #242424; + --td-bg-content-input-1: #242424; + --td-bg-content-input-2: #2c2c2c; --td-bg-popup: #303032; - --td-bg-content-input: #424041; --td-context: 255, 255, 255; --td-context-primary: rgb(var(--td-context)); --td-context-secondary: rgba(var(--td-context), 0.72); @@ -433,13 +473,18 @@ :root, :root[theme-mode='light'] { - --td-bg-aside: #f2f3f5; - --td-bg-color-container: #fbfbfb; - --td-bg-color-page: #fff; - --td-bg-content-active: #dfdfdf; - --td-bg-content-hover: #e6e6e6; + --td-bg-aside: #f3f5f7; + --td-bg-container: #fefefe; + --td-bg-content-active: #fdfdfd; + --td-bg-content-active-1: #fdfdfd; + --td-bg-content-active-2: #e8e8e8; + --td-bg-content-hover: #f9fafb; + --td-bg-content-hover-1: #f9fafb; + --td-bg-content-hover-2: #f5f5f5; + --td-bg-content-input: #fbfcfd; + --td-bg-content-input-1: #ececec; + --td-bg-content-input-2: #f4f4f4; --td-bg-popup: #f7f7f7; - --td-bg-content-input: #e5e5e5; --td-context: 37, 38, 43; --td-context-primary: rgb(var(--td-context)); --td-context-secondary: rgba(var(--td-context), 0.72);