7x31/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/Yidadaa/ChatGPT-Next-Web.git synced 2025-09-04 14:36:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

complete colors in dark mode

Browse Source
This commit is contained in:
butterfly
2024-05-01 22:35:23 +08:00
parent 8a14cb19a9
commit 68f0fa917f
20 changed files with 174 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
app/styles/base-new.scss
View File

@@ -23,11 +23,32 @@ body {
}
.follow-parent-svg {
svg {
*:not(rect) {
fill: currentColor;
}
svg {
fill: inherit;
*:not(rect) {
fill: currentColor;
}
rect {
fill: inherit;
}
}
}
.default-icon-color {
color: var(--default-icon-color);
}
.active-new {
.new-header, .new-footer {
border-color: var(--modal-header-bottom-border) !important;
color: var(--modal-title-text) !important;
}
.new-btn {
button {
background: var(--default-btn-bg);
color: var(--btn-default-text);
}
}
}
--siderbar-mobile-height: 3.125rem;
@@ -93,6 +114,7 @@ body {
--slider-block-hover-bg: #F7F7F8;
--chat-menu-session-unselected-mobile-bg:#FFF;
--chat-menu-session-selected-mobile-bg: rgba(0, 0, 0, 0.05);
--model-select-popover-panel-bg: #fff;
--select-popover-border: rgba(0, 0, 0, 0.1);
--slider-block-border: #c9c9d1;
@@ -118,7 +140,9 @@ body {
--btn-primary-text: #fff;
--btn-danger-text: #ff5454;
--btn-default-text: #606078;
--card-title-text: #18182A;
--input-text: #18182a;
--select-text: #18182a;
--list-subtitle-text: #a5a5b3;
--slider-block-text: #606078;
--chat-actions-btn-popover-text: #fff;
@@ -136,10 +160,15 @@ body {
--settings-menu-title-text: #18182a;
--settings-menu-item-title-text: #18182a;
--settings-panel-header-title-text: #18182a;
--modal-mask-text: #18182a;
--modal-panel-text: #18182a;
--delete-chat-ok-btn-text: #fff;
--delete-chat-cancel-btn-text: #18182a;
--chat-menu-item-delete-text: #FF5454;
--list-title-text: #18182A;
--select-option-text: #18182A;
--modal-select-text: #18182A;
--modal-title-text: #18182A;
--modal-content-text: #18182A;
--btn-shadow: 0px 4px 10px 0px rgba(60, 68, 255, 0.14);
--chat-actions-popover-mobile-shadow: 0px 14px 40px 0px rgba(0, 0, 0, 0.12);
@@ -150,6 +179,8 @@ body {
--delete-chat-popover-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08),
0px 8px 20px 0px rgba(0, 0, 0, 0.08);
--sidebar-btn-shadow: 4px 8px 16px 0px rgba(60, 68, 255, 0.2);
--default-icon-color: #606078;
}
.dark-new {
@@ -208,63 +239,72 @@ body {
--select-hover-bg: #303030;
--input-input-ele-hover-bg: rgba(0, 0, 0, 0);
--chat-menu-session-unselected-mobile-bg:#111;
--chat-menu-session-selected-mobile-bg: rgba(0, 0, 0, 0.05);////////////
--chat-menu-session-selected-mobile-bg: #1D1D1D;
--global-mobile-bg: #303030;
--model-select-popover-panel-bg: #111;
--select-popover-border: rgba(0, 0, 0, 0.1);
--slider-block-border: #c9c9d1;
--thumbnail-border: rgba(0, 0, 0, 0.1);
--chat-actions-popover-mobile-border: #f0f0f3;
--chat-header-bottom-border: #e2e2e6;
--chat-input-top-border: #e2e2e6;
--chat-input-hood-border: #fff;
--chat-input-hood-focus-border: #606078;
--chat-menu-session-selected-border: #c9cefc;
--settings-menu-item-selected-border: #c9cefc;
--settings-header-border: #e2e2e6;
--delete-chat-popover-border: rgba(0, 0, 0, 0.1);
--delete-chat-cancel-btn-border: #e2e2e6;
--chat-menu-session-unselected-border: #f0f0f3;
--chat-menu-session-hovered-border: #e2e2e6;
--modal-header-bottom-border: #f0f0f3;
--chat-menu-session-unselected-mobile-border: #FFF;
--chat-menu-session-selected-mobile-border: rgba(0, 0, 0, 0.05);
--select-popover-border: rgba(255, 255, 255, 0.05);
--slider-block-border: #6C6C6C;
--thumbnail-border: rgba(255, 255, 255, 0.05);
--chat-actions-popover-mobile-border: #303030;
--chat-header-bottom-border: #303030;
--chat-input-top-border: #303030;
--chat-input-hood-border: rgba(0,0,0,0);
--chat-input-hood-focus-border: #E3E3E3;
--chat-menu-session-selected-border: #1C2E70;
--settings-menu-item-selected-border: #1C2E70;
--settings-header-border: #404040;
--delete-chat-popover-border: rgba(255, 255, 255, 0.1);
--delete-chat-cancel-btn-border: #303030;
--chat-menu-session-unselected-border: #303030;
--chat-menu-session-hovered-border: #1D1D1D;
--modal-header-bottom-border: #303030;
--chat-menu-session-unselected-mobile-border: rgba(0, 0, 0, 0);
--chat-menu-session-selected-mobile-border: rgba(0, 0, 0, 0);
--sidebar-tab-mobile-active-text: #2e42f3;
--sidebar-tab-mobile-active-text: #384CFC;
--sidebar-tab-mobile-inactive-text: #a5a5b3;
--btn-primary-text: #fff;
--btn-danger-text: #ff5454;
--btn-default-text: #606078;
--input-text: #18182a;
--btn-default-text: #E3E3E3;
--card-title-text: #FAFAFA;
--input-text: #FAFAFA;
--select-text: #FAFAFA;
--list-subtitle-text: #a5a5b3;
--slider-block-text: #606078;
--chat-actions-btn-popover-text: #fff;
--chat-header-title-text: #18182a;
--chat-header-subtitle-text: #88889a;
--chat-input-placeholder-text: #88889a;
--chat-message-date-text: #88889a;
--chat-message-markdown-user-text: #fff;
--chat-message-markdown-bot-text: #18182a;
--chat-panel-message-clear-text: #a5a5b3;
--chat-panel-message-clear-revert-text: #3c44ff;
--chat-menu-item-title-text: #18182a;
--chat-menu-item-time-text: rgba(0, 0, 0, 0.3);
--chat-menu-item-description-text: #88889a;
--settings-menu-title-text: #18182a;
--settings-menu-item-title-text: #18182a;
--settings-panel-header-title-text: #18182a;
--modal-mask-text: #18182a;
--slider-block-text: #E3E3E3;
--chat-actions-btn-popover-text: #111;
--chat-header-title-text: #FAFAFA;
--chat-header-subtitle-text: #B0B0B0;
--chat-input-placeholder-text: #B0B0B0;
--chat-message-date-text: #B0B0B0;
--chat-message-markdown-user-text: #FAFAFA;
--chat-message-markdown-bot-text: #FAFAFA;
--chat-panel-message-clear-text: #a5a5b3; //////////////
--chat-panel-message-clear-revert-text: #3c44ff; ///////////////
--chat-menu-item-title-text: #fff;
--chat-menu-item-time-text: rgba(255, 255, 255, 0.30);
--chat-menu-item-description-text: #B0B0B0;
--settings-menu-title-text: #FAFAFA;
--settings-menu-item-title-text: #FAFAFA;
--settings-panel-header-title-text: #FAFAFA;
--modal-panel-text: #FAFAFA;
--delete-chat-ok-btn-text: #fff;
--delete-chat-cancel-btn-text: #18182a;
--chat-menu-item-delete-text: #FF5454;
--delete-chat-cancel-btn-text: #FAFAFA;
--chat-menu-item-delete-text: #F55151;
--list-title-text: #FAFAFA;
--select-option-text: #FAFAFA;
--modal-select-text: #E3E3E3;
--modal-title-text: #FAFAFA;
--modal-content-text: #FAFAFA;
--btn-shadow: 0px 4px 10px 0px rgba(60, 68, 255, 0.14);
--btn-shadow: 0px 4px 20px 0px rgba(60, 68, 255, 0.13);
--chat-actions-popover-mobile-shadow: 0px 14px 40px 0px rgba(0, 0, 0, 0.12);
--chat-input-hood-focus-shadow: 0px 4px 20px 0px rgba(60, 68, 255, 0.13);
--select-popover-shadow: 0px 14px 40px 0px rgba(0, 0, 0, 0.12);
--message-actions-bar-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
--select-popover-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.10);
--message-actions-bar-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0);
--prompt-hint-container-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.1);
--delete-chat-popover-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08),
0px 8px 20px 0px rgba(0, 0, 0, 0.08);
--sidebar-btn-shadow: 4px 8px 16px 0px rgba(60, 68, 255, 0.2);
--delete-chat-popover-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 8px 20px 0px rgba(0, 0, 0, 0.08);
--sidebar-btn-shadow: 4px 8px 16px 0px rgba(60, 68, 255, 0.20);
--default-icon-color: #E3E3E3;
}