simon987/feed_viz
1
0
Fork 0
mirror of https://github.com/simon987/feed_viz.git synced 2025-04-08 05:06:43 +00:00
Code Issues Projects Releases Wiki Activity

Dark theme

Browse Source
This commit is contained in:
simon987 2019-08-27 15:47:23 -04:00
parent 9ac73a8aff
commit bd16446de4
2 changed files with 65 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
css/main.css
View File

@ -60,7 +60,66 @@ form .btn {
cursor: pointer; 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 { body,html {
padding: 0; padding: 0;
margin: 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;
} }

12
index.html
View File

@ -3,23 +3,23 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>feed_viz V1.2</title> <title>feed_viz V1.3</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="no-referrer"> <meta name="referrer" content="no-referrer">
<link href="css/material-icons.css" rel="stylesheet"> <link href="css/material-icons.css" rel="stylesheet">
<link rel="stylesheet" href="css/materialize.min.css"> <link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/main.css?v=1.2"> <link rel="stylesheet" href="css/main.css?v=1.3">
</head> </head>
<body> <body>
<div> <div>
<div class="card"> <div class="card grey darken-4">
<div class="card-content"> <div class="card-content">
<form> <form>
<div class="col s12"> <div class="col s12">
<ul class="tabs" id="tabs"> <ul class="tabs grey darken-4" id="tabs">
<li class="tab col s3"><a class="active" href="#conntab">Connect</a></li> <li class="tab col s3"><a class="active" href="#conntab">Connect</a></li>
<li class="tab col s3"><a href="#preftab">Display</a></li> <li class="tab col s3"><a href="#preftab">Display</a></li>
<li class="tab col s3"><a href="#presettab">Presets</a></li> <li class="tab col s3"><a href="#presettab">Presets</a></li>
@ -103,7 +103,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
<select id="presets" class="browser-default" onchange="onPresetSelect()"></select> <select id="presets" class="browser-default grey darken-3" onchange="onPresetSelect()"></select>
</div> </div>
</div> </div>
</div> </div>
@ -169,7 +169,7 @@
</div> </div>
<script src="js/materialize.min.js"></script> <script src="js/materialize.min.js"></script>
<script src="js/main.js?v=1.2"></script> <script src="js/main.js?v=1.3"></script>
</body> </body>
</html> </html>