From 2888d8dd4750bff3882b7214c574bce19c857c37 Mon Sep 17 00:00:00 2001 From: Shin'ya Ueoka Date: Mon, 4 May 2020 14:41:36 +0900 Subject: Define dark theme and specify a theme by an attribute --- src/console/components/console.scss | 18 +++++++++++++++++- 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 @@ VimVixen console - +
-- cgit v1.2.3