dark theme

This commit is contained in:
Radek Davidek 2021-10-15 14:13:35 +02:00
parent e0b4da831c
commit c04c097d52
3 changed files with 66 additions and 62 deletions

View File

@ -90,9 +90,9 @@ public class MiningBean {
wi.setKey(symbol.concat("/").concat(currency.toUpperCase())); wi.setKey(symbol.concat("/").concat(currency.toUpperCase()));
wi.setValue(resultStr); wi.setValue(resultStr);
if (change>0) if (change>0)
wi.setColor("GREEN"); wi.setColor("#00FF99");
else else
wi.setColor("RED"); wi.setColor("#FF5050");
prices.add(wi); prices.add(wi);
} }
@ -519,7 +519,7 @@ public class MiningBean {
String tmp = ""; String tmp = "";
for (KeyValue kv : prices) { for (KeyValue kv : prices) {
if (kv.getColor()==null) if (kv.getColor()==null)
kv.setColor("BLUE"); kv.setColor("#00CCFF");
tmp = tmp.concat("<pair><key>").concat( tmp = tmp.concat("<pair><key>").concat(
kv.getKey().concat("</key>").concat("<value>").concat(kv.getValue()).concat("</value>").concat("<color>").concat(kv.getColor()).concat("</color></pair>")); kv.getKey().concat("</key>").concat("<value>").concat(kv.getValue()).concat("</value>").concat("<color>").concat(kv.getColor()).concat("</color></pair>"));
} }

View File

@ -12,7 +12,7 @@
<title>Mining Info</title> <title>Mining Info</title>
<link rel="stylesheet" type="text/css" href="./css/default-theme.css"> <link rel="stylesheet" type="text/css" href="./css/default-theme.css">
<script type="text/javascript" <script type="text/javascript"
src="client.js?ver=<%=Constants.APP_VERSION%>"></script> src="client.js?ver=<%=System.currentTimeMillis()%>"></script>
</head> </head>
<body class="landscape"> <body class="landscape">
<div class="toolbar"> <div class="toolbar">

View File

@ -1,79 +1,83 @@
body { body {
margin: 0; margin: 0;
font-family: Helvetica; font-family: Helvetica;
background: #FFFFFF; background: #424242;
color: #000000; color: rgb(202, 202, 0);
overflow-x: hidden; overflow-x: hidden;
} }
body > *:not(.toolbar) { body>*:not(.toolbar) {
position: absolute; position: absolute;
margin: 0; margin: 0;
padding: 0; padding: 0;
left: 0; left: 0;
top: 45px; top: 45px;
width: 100%; width: 100%;
height: auto; height: auto;
min-height: 415px; min-height: 415px;
} }
/************************************************************************************************/ /************************************************************************************************/
body > .toolbar { body>.toolbar {
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid #2d3642; border-bottom: 1px solid #2d3642;
border-top: 1px solid #6d84a2; border-top: 1px solid #6d84a2;
padding: 0 10px 10px 10px; padding: 0 10px 10px 10px;
height: 45px; height: 45px;
background: #6d84a2 repeat-x; background: #6d84a2 repeat-x;
} }
.toolbar > h1 { .toolbar>h1 {
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
left: 0%; left: 0%;
margin: 1px 0 0 -1px; margin: 1px 0 0 -1px;
padding-top: 10px; padding-top: 10px;
height: 45px; height: 45px;
font-size: 20px; font-size: 20px;
width: 100%; width: 100%;
font-weight: bold; font-weight: bold;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
text-align: center; text-align: center;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: #FFFFFF; color: #FFFFFF;
} }
/************************************************************************************************/ /************************************************************************************************/
body>ul>li {
position: relative;
margin: 0;
border-bottom: 1px solid #E0E0E0;
padding: 8px 0 8px 10px;
font-size: 17px;
font-weight: bold;
list-style: none;
}
a {
body > ul > li { color: rgb(3, 203, 33);
position: relative; font-weight: bold;
margin: 0; font-style: normal;
border-bottom: 1px solid #E0E0E0; text-decoration: none;
padding: 8px 0 8px 10px;
font-size: 17px;
font-weight: bold;
list-style: none;
} }
.group { .group {
position: relative; position: relative;
top: -1px; top: -1px;
margin-bottom: -2px; margin-bottom: -2px;
border-top: 1px solid #7d7d7d; border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #999999; border-bottom: 1px solid #999999;
padding: 1px 10px; padding: 1px 10px;
font-weight: bold; font-weight: bold;
text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
color: #FFFFFF; color: #FFFFFF;
opacity:0.7; opacity: 0.7;
background: #c8c8c8 repeat-x; background: #c8c8c8 repeat-x;
} }
.value { .value {
color: #55AA55; color: #55AA55;
float: right; float: right;
padding: 0 8px; padding: 0 8px;
} }