From bd16446de40b2940b95726b2b65c892fb2b34a29 Mon Sep 17 00:00:00 2001 From: simon987 Date: Tue, 27 Aug 2019 15:47:23 -0400 Subject: [PATCH] Dark theme --- css/main.css | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 12 +++++------ 2 files changed, 65 insertions(+), 6 deletions(-) diff --git a/css/main.css b/css/main.css index 0a13975..f925607 100644 --- a/css/main.css +++ b/css/main.css @@ -60,7 +60,66 @@ form .btn { cursor: pointer; } +.tabs .tab a { + color: #039be5; +} + +.tabs .tab a.active, .tabs .tab a:hover { + color: #03a8f4; +} + +.tabs .tab a:focus, .tabs .tab a:focus.active { + background-color: rgba(3, 155, 229,0.2); +} + +input { + color: white; +} + +.tabs .indicator { + background-color: #039be5; +} + body,html { padding: 0; margin: 0; + background: #424242; +} + +.select-dropdown { + background-color: #424242; +} + +.chip { + background-color: rgb(32, 137, 127); + color: lightgrey; +} + +select { + color: white; +} + +.caret { + fill: white !important; +} + +.chips .input { + color: white; +} +/* label color */ +.input-field label { + color: lightgrey; +} +/* label focus color */ +.input-field input[type=text]:focus + label { + color: white; +} +/* label underline focus color */ +.input-field input[type=text]:focus { + border-bottom: 1px solid lightgray; + box-shadow: 0 1px 0 0 lightgrey; +} +/* icon prefix focus color */ +.input-field .prefix.active { + color: white; } diff --git a/index.html b/index.html index e4a212c..de82fc2 100644 --- a/index.html +++ b/index.html @@ -3,23 +3,23 @@ - feed_viz V1.2 + feed_viz V1.3 - +
-
+
-
- +
@@ -169,7 +169,7 @@
- +