This commit is contained in:
BorysLevytskyi
2021-01-15 19:56:24 +02:00
2 changed files with 7 additions and 6 deletions

View File

@@ -7,7 +7,7 @@ code { font-size: 1.2em; font-weight: bold; }
.header-cmd { color: #c5c5c5 } .header-cmd { color: #c5c5c5 }
.mono { font-family: monospace; font-size: 1.3em } .mono { font-family: monospace; font-size: 1.3em }
.expressionInput { width: 500px; padding: 3px; border: solid 1px lightgray; } .expressionInput { width: 500px; padding: 3px; border: none; outline: none; }
.result { margin: 10px 10px 30px; } .result { margin: 10px 10px 30px; }
.result .input { margin-bottom: 10px; } .result .input { margin-bottom: 10px; }
@@ -52,6 +52,7 @@ code { font-size: 1.2em; font-weight: bold; }
.light .one { color: black; } .light .one { color: black; }
.light .zero { color: #888; } .light .zero { color: #888; }
.light .indicator { color: #ddd; } .light .indicator { color: #ddd; }
.light .expressionInput { background: #ddd;}
.light .on { color: #121212; } .light .on { color: #121212; }
.light .prefix { color: #888} .light .prefix { color: #888}
.light .other { color: #bbb } .light .other { color: #bbb }
@@ -63,7 +64,7 @@ code { font-size: 1.2em; font-weight: bold; }
/* Dark */ /* Dark */
.dark { background: #121212; color: white;} .dark { background: #121212; color: white;}
.dark .expression { color: white;} .dark .expression { color: white;}
.dark .expressionInput { background: #121212; color: white; } .dark .expressionInput { color: white; background: #555; }
.dark a, .dark a:visited { color: white; } .dark a, .dark a:visited { color: white; }
.dark .indicator { color: #555; } .dark .indicator { color: #555; }
.dark .on { color: white; } .dark .on { color: white; }
@@ -81,7 +82,7 @@ code { font-size: 1.2em; font-weight: bold; }
.midnight .header-cmd { color: #85a0ad } .midnight .header-cmd { color: #85a0ad }
.midnight { background: #2c3e50; color: white } .midnight { background: #2c3e50; color: white }
.midnight .expression { color: white;} .midnight .expression { color: white;}
.midnight .expressionInput { background: #2c3e50; color: white; border-color: #85a0ad } .midnight .expressionInput { background: #85a0ad; color: white;}
.midnight a, .dark a:visited { color: white; } .midnight a, .dark a:visited { color: white; }
.midnight .indicator { color: #85a0ad; } .midnight .indicator { color: #85a0ad; }
.midnight .on { color: white; } .midnight .on { color: white; }

View File

@@ -24,9 +24,9 @@ function HelpResultView() {
<div className="section"> <div className="section">
<strong className="section-title soft">Color Theme Commands</strong> <strong className="section-title soft">Color Theme Commands</strong>
<ul> <ul>
<li><code><CommandLink text="light" /></code> set Light theme</li> <li><code><CommandLink text="light" /></code> set Light color theme</li>
<li><code><CommandLink text="dark" /></code> set Dark theme</li> <li><code><CommandLink text="dark" /></code> set Dark color theme</li>
<li><code><CommandLink text="midnight" /></code> set Midnight theme</li> <li><code><CommandLink text="midnight" /></code> set Midnight color theme</li>
</ul> </ul>
</div> </div>
<div className="section"> <div className="section">