mirror of
https://github.com/morgan9e/chatgpt-web
synced 2026-04-14 00:14:04 +09:00
Fix custom color: dark mode
This commit is contained in:
34
src/app.scss
34
src/app.scss
@@ -279,17 +279,39 @@ select option.is-default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.code-block {
|
||||||
|
margin-bottom: .8em !important;
|
||||||
|
margin-top: .8em !important;
|
||||||
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.user-message .message-body
|
:not(pre) > code {
|
||||||
{
|
color: #ff709a !important;
|
||||||
color: #BCC !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.assistant-message .message-body
|
.message-body code, .message-body pre {
|
||||||
{
|
background-color: #181818 !important;
|
||||||
color: #CBC !important;
|
}
|
||||||
|
|
||||||
|
.user-message {
|
||||||
|
border: solid #323232 1px;
|
||||||
|
background-color: #282828 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assistant-message {
|
||||||
|
border: solid #323232 1px;
|
||||||
|
background-color: #222222!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-message>.message-body {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assistant-message>.message-body {
|
||||||
|
color: #FFF !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Support for dark mode */
|
/* Support for dark mode */
|
||||||
$modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove this once a new version of bulma-prefers-dark is released
|
$modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove this once a new version of bulma-prefers-dark is released
|
||||||
@import "/node_modules/bulma-prefers-dark/build/bulma-prefers-dark.sass";
|
@import "/node_modules/bulma-prefers-dark/build/bulma-prefers-dark.sass";
|
||||||
|
|||||||
Reference in New Issue
Block a user