morgan
/
chatgpt-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make modal BG color work in both light and dark mode

This commit is contained in:
Webifi 2023-05-27 10:54:35 -05:00
parent f2803b0ad4
commit c8bcb39865
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app.scss
View File

@ -100,11 +100,15 @@ $modal-content-width: 1000px;
$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";
.modal-card-body { @media (prefers-color-scheme: dark) {
// remove this once https: //github.com/jloh/bulma-prefers-dark/pull/90 is merged and released .modal-card-body {
background-color: hsl(0, 0%, 96%); // remove this once https: //github.com/jloh/bulma-prefers-dark/pull/90 is merged and released
background-color: $background-dark;
}
} }
/* Support for copy code button */ /* Support for copy code button */
.code-block>button { .code-block>button {
position: absolute; position: absolute;