diff --git a/static/style.css b/static/style.css index 3d874dd..4e25e82 100644 --- a/static/style.css +++ b/static/style.css @@ -2,7 +2,7 @@ body { margin: 0; padding: 0; font-size: 80%; - background-color: #1a1a1a; + background-color: #1f1c47; font-family: sans-serif; color: white; } @@ -57,7 +57,7 @@ h1, h2, h3, h4, h5, h6 { font-weight: bold; } p>label, span>label, h3>label, h4>label, td>label, .info-item>label { - color: #30a532; + color: #ff7a87; } label.warning { color: red; @@ -84,7 +84,7 @@ label.warning { .Subtitle { font-size: 1.0em; - color: rgba(255, 255, 255, 0.8); + color: rgb(255 255 255 / 80%); margin: 0; margin-top: 0.5em; margin-bottom: 0.5em; @@ -92,33 +92,33 @@ label.warning { .PaginationControl, .PageButton { - background-color: #008522; + background-color: #dbf7f5; min-height: 1.5em; padding: 5px; padding-top: 8px; margin-right: 1em; font-weight: bold; font-size: 1em; - color: white; + color: black; border: none; font-family: sans-serif; } .PageButton.disabled { - background-color: #808080; + background-color: #899897; } .PaginationControl select { font-size: inherit; background-color: #1a1a1a; - color: #008522; + color: white; border: none; padding: 0; margin: 0; } .PageButton:hover { - background-color: #006a1b; + background-color: #dbf7f5; } .PageButton.disabled:hover { background-color: #707070; @@ -145,19 +145,20 @@ label.warning { table thead tr, .TableHeader { font-weight: bold; - background-color: #008522; + color: black; + background-color: #dbf7f5; } .TitleUnderliner { height: 2px; width: 100%; - background-color: #008522; + background-color: #dbf7f5; margin-bottom: 1em; } .TitleDivider { height: 2px; width: 100%; - background-color: #008522; + background-color: #dbf7f5; margin: 1em 0; } @@ -193,13 +194,14 @@ td { } a:link, a:visited { + color: black; text-decoration: underline; color: white; } a:hover { text-decoration: underline; - color: #78be20; + color: #12c7ba; } form { @@ -326,7 +328,7 @@ div.quorums { } div.quorums>div { - border: 2px solid #008522; + border: 2px solid #dbf7f5; border-radius: 5px; padding: 0; flex-grow: 1; @@ -357,7 +359,7 @@ div.quorums>div>.workers { /*space-between;*/ } .quorums.obligations .workers, .quorums.pulse .validators, .quorums.blink .validators.q1 { - border-top: 2px solid #008522; + border-top: 2px solid #dbf7f5; } .quorums .workers label, .quorums .validators label { font-weight: bold; @@ -367,7 +369,7 @@ div.quorums>div>.workers { flex-basis: 40px; max-width: 60px; flex-grow: 1; - background-color: #bbb; + background-color: #a2a2a2; border: 1px solid #555; border-radius: 5px; overflow: hidden; @@ -375,7 +377,7 @@ div.quorums>div>.workers { margin: 3px 3px; padding: 1px 1px 1px 1px; font-size: 10px; - color: black; + color: white; text-decoration: none; } .quorums .validators .sn { @@ -384,26 +386,25 @@ div.quorums>div>.workers { color: white; } .quorums .sn:hover { - background-color: #006a1b; - border-color: #78be20; - color: #78be20; + background-color: #3f4bf5; + color: white; } .quorums.pulse .workers .sn { flex-grow: 1; max-width: 150px; } div.quorums h2 { - background-color: #008522; - color: white; + background-color: #dbf7f5; + color: black; font-size: 14px; font-weight: bold; margin: 0; } div.quorums>div.now h2 { - background-color: #78be20; + background-color: #dbf7f5; } div.quorums>div.now, div.quorums.obligations>div.now .workers, div.quorums.blink>div.now { - border-color: #78be20; + border-color: #dbf7f5; } div.quorums h5 { margin: 0; @@ -475,7 +476,7 @@ span.icon { tab-size: 4; -o-tab-size: 4; -moz-tab-size: 4; - border: 1px solid #008522; + border: 1px solid #dbf7f5; padding: 10px; }