Browse Source

Enable dark mode in browser UI (#4089)

main
Alexey Pyltsyn 3 years ago
committed by GitHub
parent
commit
eb84de7444
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 6
      beta/src/styles/index.css
  2. 2
      beta/src/styles/sandpack.css

6
beta/src/styles/index.css

@ -17,10 +17,16 @@
/* Write your own custom base styles here */
html {
color-scheme: light;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
html.dark {
color-scheme: dark;
}
html,
body {
height: 100%;

2
beta/src/styles/sandpack.css

@ -3,6 +3,8 @@
*/
html .sp-wrapper {
color-scheme: inherit;
/* palette */
--sp-colors-fg-active: #24292e !important;
--sp-colors-fg-default: #959da5 !important;

Loading…
Cancel
Save