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

feat: bugfix

Browse Source
This commit is contained in:
butterfly
2024-04-30 19:11:59 +08:00
parent cadd2558fd
commit 3d99965a8f
21 changed files with 313 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,14 +22,23 @@ body {
background-color: inherit;
}
.follow-parent-svg {
svg {
*:not(rect) {
fill: currentColor;
}
}
}
--siderbar-mobile-height: 3.125rem;
--max-message-width: calc(var(--chat-panel-max-width) * 0.6);
}
.light-new {
--global-bg: #e3e3ed;
--global-mobile-bg: #f0f0f3;
--actions-bar-btn-default-bg: #2e42f3;
--primary-btn: #2e42f3;
--primary-btn-bg: #2e42f3;
--primary-btn-disabled-bg: rgba(60, 68, 255, 0.2);
--danger-btn-bg: #fff6f6;
--default-btn-bg: #f7f7f8;
@@ -72,16 +81,18 @@ body {
--sidebar-btn-hovered-bg: rgba(0, 0, 0, 0.05);
--delete-chat-popover-panel-bg: #fff;
--modal-mask-bg: rgba(0, 0, 0, 0.7);
--moda-panel-bg: #fff;
--modal-panel-bg: #fff;
--delete-chat-ok-btn-bg: #ff5454;
--delete-chat-cancel-btn-bg: #fff;
--chat-message-actions-bg: #fff;
--menu-dragger-bg: blue;
--menu-dragger-bg: #2E42F3;
--chat-actions-select-model-bg: rgba(0, 0, 0, 0.05);
--chat-actions-select-model-hover-bg: rgba(0, 0, 0, 0.1);
--select-hover-bg: rgba(0, 0, 0, 0.05);
--input-input-ele-hover-bg: rgba(0, 0, 0, 0);
--slider-block-hover-bg: #F7F7F8;
--chat-menu-session-unselected-mobile-bg:#FFF;
--chat-menu-session-selected-mobile-bg: rgba(0, 0, 0, 0.05);
--select-popover-border: rgba(0, 0, 0, 0.1);
--slider-block-border: #c9c9d1;
@@ -99,6 +110,8 @@ body {
--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);
--sidebar-tab-mobile-active-text: #2e42f3;
--sidebar-tab-mobile-inactive-text: #a5a5b3;
@@ -126,6 +139,7 @@ body {
--modal-mask-text: #18182a;
--delete-chat-ok-btn-text: #fff;
--delete-chat-cancel-btn-text: #18182a;
--chat-menu-item-delete-text: #FF5454;
--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);
@@ -141,58 +155,61 @@ body {
.dark-new {
--global-bg: #303030;
--actions-bar-btn-default-bg: #384cfc;
--primary-btn: #384cfc;
--primary-btn-bg: #384cfc;
--primary-btn-disabled-bg: rgba(60, 68, 255, 0.2);
--danger-btn-bg: #20131A;
--default-btn-bg: #1D1D1D;
--hovered-btn-bg: rgba(0, 0, 0, 0.05);
--card-bg: #fff;
--input-bg: #f7f7f8;
--list-item-divider-bg: #f0f0f3;
--menu-bg: #f7f7f8;
--select-option-hovered-bg: rgba(0, 0, 0, 0.05);
--select-popover-panel-bg: #fff;
--select-bg: #f7f7f8;
--slider-bg: #f0f0f3;
--slider-slided-travel-bg: #88889a;
--slider-block-bg: #fff;
--switch-unchecked-bg: #c9c9d1;
--switch-checked-bg: #2e42f3;
--switch-btn-bg: #fff;
--chat-actions-popover-panel-mobile-bg: #fff;
--chat-actions-btn-popover-bg: #434360;
--chat-actions-btn-hovered-bg: rgba(0, 0, 0, 0.05);
--chat-panel-header-mask-bg: #f7f7f8;
--chat-panel-header-mobile-bg: #fff;
--chat-panel-input-hood-bg: #fff;
--hovered-btn-bg: #303030;
--card-bg: #111;
--input-bg: #1D1D1D;
--list-item-divider-bg: #303030;
--menu-bg: #1D1D1D;
--select-option-hovered-bg: rgba(255, 255, 255, 0.05);
--select-popover-panel-bg: #1D1D1D;
--select-bg: #1D1D1D;
--slider-bg: #303030;
--slider-slided-travel-bg: #B0B0B0;
--slider-block-bg: #111;
--switch-unchecked-bg: #303030;
--switch-checked-bg: #384CFC;
--switch-btn-bg: #111;
--chat-actions-popover-panel-mobile-bg: #111;
--chat-actions-btn-popover-bg: #F0F0F0;
--chat-actions-btn-hovered-bg: rgba(255, 255, 255, 0.05);
--chat-panel-header-mask-bg: #1D1D1D;
--chat-panel-header-mobile-bg: #111;
--chat-panel-input-hood-bg: #111;
--chat-panel-message-user-bg: #4a5cff;
--chat-panel-message-bot-bg: #fff;
--chat-panel-message-bg: #f7f7f8;
--chat-panel-message-mobile-bg: #f0f0f3;
--chat-message-actions-btn-hovered-bg: rgba(0, 0, 0, 0.05);
--chat-panel-bg: #f7f7f8;
--chat-panel-message-clear-divider-bg: #e2e2e6;
--chat-menu-session-selected-bg: #dee1fd;
--chat-menu-session-unselected-bg: #f0f0f3;
--chat-menu-session-hovered-bg: #e2e2e6;
--settings-menu-mobile-bg: #f7f7f8;
--settings-menu-item-mobile-bg: #fff;
--settings-menu-item-selected-bg: #dee1fd;
--settings-header-mobile-bg: #fff;
--settings-panel-bg: #f7f7f8;
--sidebar-mobile-bg: #fff;
--sidebar-btn-hovered-bg: rgba(0, 0, 0, 0.05);
--delete-chat-popover-panel-bg: #fff;
--modal-mask-bg: rgba(0, 0, 0, 0.7);
--moda-panel-bg: #fff;
--delete-chat-ok-btn-bg: #ff5454;
--delete-chat-cancel-btn-bg: #fff;
--chat-message-actions-bg: #fff;
--menu-dragger-bg: blue;
--chat-actions-select-model-bg: rgba(0, 0, 0, 0.05);
--chat-actions-select-model-hover-bg: rgba(0, 0, 0, 0.1);
--select-hover-bg: rgba(0, 0, 0, 0.05);
--chat-panel-message-bot-bg: #111;
--chat-panel-message-bg: #1D1D1D;
--chat-panel-message-mobile-bg: #303030;
--chat-message-actions-btn-hovered-bg: rgba(255, 255, 255, 0.05);
--chat-panel-bg: #1D1D1D;
--chat-panel-message-clear-divider-bg: #e2e2e6; //////////
--chat-menu-session-selected-bg: #182455;
--chat-menu-session-unselected-bg: #303030;
--chat-menu-session-hovered-bg: #404040;
--settings-menu-mobile-bg: #1D1D1D;
--settings-menu-item-mobile-bg: #111;
--settings-menu-item-selected-bg: #182455;
--settings-header-mobile-bg: #111;
--settings-panel-bg: #1D1D1D;
--sidebar-mobile-bg: #111;
--sidebar-btn-hovered-bg: rgba(255, 255, 255, 0.05);
--delete-chat-popover-panel-bg: #111;
--modal-mask-bg: rgba(0, 0, 0, 0.85);
--modal-panel-bg: #111;
--delete-chat-ok-btn-bg: #F55151;
--delete-chat-cancel-btn-bg: #404040;
--chat-message-actions-bg: rgba(255, 255, 255, 0);
--menu-dragger-bg: #2E42F3; ///////////
--chat-actions-select-model-bg: rgba(255, 255, 255, 0.05);
--chat-actions-select-model-hover-bg: rgba(255, 255, 255, 0.1);
--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);////////////
--global-mobile-bg: #303030;
--select-popover-border: rgba(0, 0, 0, 0.1);
--slider-block-border: #c9c9d1;
@@ -210,6 +227,8 @@ body {
--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);
--sidebar-tab-mobile-active-text: #2e42f3;
--sidebar-tab-mobile-inactive-text: #a5a5b3;
@@ -237,6 +256,7 @@ body {
--modal-mask-text: #18182a;
--delete-chat-ok-btn-text: #fff;
--delete-chat-cancel-btn-text: #18182a;
--chat-menu-item-delete-text: #FF5454;
--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);