diff options
| -rw-r--r-- | src/console/components/console.scss | 18 | ||||
| -rw-r--r-- | src/console/index.html | 2 |
2 files changed, 18 insertions, 2 deletions
diff --git a/src/console/components/console.scss b/src/console/components/console.scss index efb8589..ccb769b 100644 --- a/src/console/components/console.scss +++ b/src/console/components/console.scss @@ -1,4 +1,4 @@ -:root { +[data-theme="light"] { --completion-title-background: lightgray; --completion-title-foreground: #000000; --completion-item-background: #ffffff; @@ -14,6 +14,22 @@ --console-info-foreground: #018786; } +[data-theme="dark"] { + --completion-title-background: #052027; + --completion-title-foreground: white; + --completion-item-background: #2f474f; + --completion-item-foreground: white; + --completion-item-description-foreground: #86fab0; + --completion-selected-background: #eeff41; + --completion-selected-foreground: #000000; + --command-background: #052027; + --command-foreground: white; + --console-error-background: red; + --console-error-foreground: white; + --console-info-background: #052027; + --console-info-foreground: #ffffff; +} + html, body, * { margin: 0; padding: 0; diff --git a/src/console/index.html b/src/console/index.html index 73e1e23..3704071 100644 --- a/src/console/index.html +++ b/src/console/index.html @@ -5,7 +5,7 @@ <title>VimVixen console</title> <script src='console.js'></script> </head> - <body> + <body data-theme="light"> <div id='vimvixen-console' class='vimvixen-console'></div> </body> </html> |