dark mode

This commit is contained in:
Ruben van de Ven 2019-04-11 14:22:45 +02:00
parent 9b36356454
commit a9c3d7ba12
3 changed files with 37 additions and 1 deletions

View File

@ -3,6 +3,16 @@ body {
margin: 0;
font-size: 10pt; }
body.dark {
background-color: #333; }
body.dark #story line {
marker-end: url("#arrowHeadWhite");
stroke: white; }
body.dark #status .hugvey {
color: #333; }
body.dark #timeline {
background: #444; }
.btn, input[type="submit"] {
display: inline-block;
cursor: pointer;
@ -279,3 +289,5 @@ body.showTimeline #toggleTimeline {
#timeline .vis-item.speech {
background-color: greenyellow;
border-color: green; }
#timeline .vis-text, #timeline .vis-labelset .vis-label {
color: #999; }

View File

@ -13,7 +13,7 @@
<link rel="stylesheet" href="/css/styles.css"></link>
</head>
<body class='showTimeline'>
<body class='showTimeline dark'>
<div id="interface" class='showStatus'>
<div id='status'>
<div id='overview'>
@ -83,6 +83,10 @@
refX="12" viewBox="0 -6 16 12" preserveAspectRatio="none"
orient="auto" id="arrowHead">
<path d="M0,-6L16,0L0,6" fill="black"></path></marker>
<marker markerHeight="8" markerWidth="8" refY="0"
refX="12" viewBox="0 -6 16 12" preserveAspectRatio="none"
orient="auto" id="arrowHeadWhite">
<path d="M0,-6L16,0L0,6" fill="white"></path></marker>
</defs>
<g id='container'>
</g>

View File

@ -7,6 +7,22 @@ body{
font-size: 10pt;
}
body.dark{
background-color:#333;
color: #777;
#story line{
marker-end: url('#arrowHeadWhite');
stroke: white;
}
#status .hugvey{
color:#333;
}
#timeline{
background:#444;
}
}
.btn, input[type="submit"]{
display:inline-block;
cursor: pointer;
@ -464,5 +480,9 @@ img.icon{
background-color: greenyellow;
border-color: green;
}
.vis-text,.vis-labelset .vis-label {
color: #999;
}
}