wassname/chatGPTBox
1
0
Fork 0
mirror of https://github.com/wassname/chatGPTBox.git synced 2026-07-06 05:14:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

dark mode for SelectionToolbar (#651)

Browse Source
This commit is contained in:
josc146
2024-03-23 14:41:32 +08:00
parent cbeae3e791
commit 26d6ca51ef
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/content-script/styles.scss
+12 -4
View File
@@ -5,6 +5,8 @@
@media screen and (prefers-color-scheme: dark) { @media screen and (prefers-color-scheme: dark) {
@import 'highlight.js/scss/github-dark.scss'; @import 'highlight.js/scss/github-dark.scss';
--font-color: #c9d1d9; --font-color: #c9d1d9;
--toolbar-color: #e6edf3;
--hover-toolbar-color: #565454;
--theme-color: #202124; --theme-color: #202124;
--question-bg-color: #2d2e33; --question-bg-color: #2d2e33;
--theme-border-color: #3c4043; --theme-border-color: #3c4043;
@@ -16,6 +18,8 @@
@media screen and (prefers-color-scheme: light) { @media screen and (prefers-color-scheme: light) {
@import 'highlight.js/scss/github.scss'; @import 'highlight.js/scss/github.scss';
--font-color: #24292f; --font-color: #24292f;
--toolbar-color: #24292f;
--hover-toolbar-color: #d4d5da;
--theme-color: #ffffff; --theme-color: #ffffff;
--question-bg-color: #f7f7f7; --question-bg-color: #f7f7f7;
--theme-border-color: #dbdbde; --theme-border-color: #dbdbde;
@@ -29,6 +33,8 @@
@import 'highlight.js/scss/github-dark.scss'; @import 'highlight.js/scss/github-dark.scss';
--font-color: #c9d1d9; --font-color: #c9d1d9;
--toolbar-color: #e6edf3;
--hover-toolbar-color: #565454;
--theme-color: #202124; --theme-color: #202124;
--question-bg-color: #2d2e33; --question-bg-color: #2d2e33;
--theme-border-color: #3c4043; --theme-border-color: #3c4043;
@@ -41,6 +47,8 @@
@import 'highlight.js/scss/github.scss'; @import 'highlight.js/scss/github.scss';
--font-color: #24292f; --font-color: #24292f;
--toolbar-color: #24292f;
--hover-toolbar-color: #d4d5da;
--theme-color: #ffffff; --theme-color: #ffffff;
--question-bg-color: #f7f7f7; --question-bg-color: #f7f7f7;
--theme-border-color: #dbdbde; --theme-border-color: #dbdbde;
@@ -1407,7 +1415,7 @@
align-items: center; align-items: center;
border-radius: 15px; border-radius: 15px;
padding: 2px; padding: 2px;
background-color: #ffffff; background-color: var(--theme-color);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
} }
@@ -1415,13 +1423,13 @@
margin: 0 2px 0 0; margin: 0 2px 0 0;
padding: 2px; padding: 2px;
border-radius: 30px; border-radius: 30px;
background-color: #ffffff; background-color: var(--theme-color);
color: #24292f; color: var(--toolbar-color);
cursor: pointer; cursor: pointer;
} }
.chatgptbox-selection-toolbar-button:hover { .chatgptbox-selection-toolbar-button:hover {
background-color: #d4d5da; background-color: var(--hover-toolbar-color);
} }
.chatgptbox-selection-window { .chatgptbox-selection-window {