diff options
| author | Shin'ya Ueoka <ueokande@i-beam.org> | 2020-05-04 14:41:36 +0900 |
|---|---|---|
| committer | Shin'ya Ueoka <ueokande@i-beam.org> | 2020-05-04 16:40:38 +0900 |
| commit | 2888d8dd4750bff3882b7214c574bce19c857c37 (patch) | |
| tree | fb1e30923eca6a5e6607dbe6369e742f80121c99 /src | |
| parent | 6d77918a99cb0811bdb7a08cc016e0cfb31c7b63 (diff) | |
Define dark theme and specify a theme by an attribute
Diffstat (limited to 'src')
| -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> |