Merge branch 'main' of github.com:LazeMSS/OctoPrint-UICustomizerTheme…

…s into main
LazeMSS · Mar 30, 2021 · 580c29d · 580c29d
2 parents 9036560 + ed5560f
commit 580c29d
Show file tree

Hide file tree

Showing 2 changed files with 99 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,4 @@
 # OctoPrint-UICustomizerTheme
 This is a placeholder for UI CustomizerThemes
+
+WIP: https://lazemss.github.io/OctoPrint-UICustomizerThemes/
diff --git a/css/red-night.css b/css/red-night.css
@@ -5,7 +5,6 @@
     --background: #1e1e20;
     --background-darker: #121213;
     --grey1: #19191b;
-    --grey2-light: #3e3e3e;
     --grey2: #242424;
     --grey3: #2d2d2f;
     --grey3-dark: #212122;
@@ -143,7 +142,7 @@ body .scrollable::-webkit-resizer,
 }
 
 .nav-tabs>li>a:hover {
-    background-color: var(--grey2-light);
+    background-color: var(--grey4);
     border: none;
     border-radius: 1px;
     border-bottom: 4px solid var(--accent);
@@ -288,6 +287,7 @@ textarea {
     text-shadow: none;
     padding-bottom: 6px;
     border-radius: 2px;
+    margin: 0;
 }
 
 .uneditable-input:focus,
@@ -383,6 +383,15 @@ th i a.disabled {
     background-image: none;
 }
 
+.progress.progress-info.progress-striped .bar {
+    background-color: var(--accent-darker);
+}
+
+.progress.progress-danger.progress-striped .bar,
+.progress.progress-error.progress-striped .bar {
+    background-color: var(--red);
+}
+
 .navbar {
     background:none !important;
 }
@@ -774,11 +783,13 @@ hr {
     background-color: inherit;
 }
 
-.fa-spinner {
+.fa-spinner, .icon-spinner {
     color: var(--accent);
 }
 
-.fa-spinner:before {
+.fa-spinner:before, .icon-spinner:before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
     content: "\F1CE";
 }
 
@@ -837,7 +848,8 @@ hr {
 
 .print-time-genius-after:after,
 .print-time-genius:before {
-    font-family: FONTAWESOME3;
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
     content: "\F005";
 }
 
@@ -854,3 +866,83 @@ hr {
 #psucontrol_indicator.off i {
     color: var(--grey);
 }
+
+#navbar_plugin_toptemp {
+    color: var(--quiteWhite-dark);
+}
+
+#navbar_plugin_toptemp .TopTempLoad:before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    color: var(--accent);
+    content: "\F1CE";
+}
+
+#navbar_plugin_toptemp .TopTempGraph > svg .ct-series .ct-line {
+    stroke: var(--quiteWhite);
+    stroke-opacity: 0.4;
+}
+
+div.popover.toptempPopover {
+    background-color: var(--grey3);
+}
+
+div.popover.toptempPopover .arrow:after { 
+    border-bottom-color: var(--grey3);
+}
+
+div.popover.toptempPopover .popover-content div.TopTempPopoverGraph {
+    background-color: transparent;
+}
+
+div.popover.toptempPopover .popover-content div.TopTempPopoverGraph svg .ct-axis-title {
+    fill: var(--white-dark);
+}
+
+div.popover.toptempPopover .popover-content div.TopTempPopoverGraph svg .ct-grid {
+    stroke: var(--white-dark);
+    opacity: 0.5;
+}
+
+div.popover.toptempPopover .popover-content div.TopTempPopoverGraph svg .ct-labels span {
+    color: var(--white);
+}
+
+#settings_plugin_bedlevelvisualizer .table {
+    border-radius: 0;
+}
+
+#settings_plugin_bedlevelvisualizer .table,
+#settings_plugin_bedlevelvisualizer .table thead tr.info > th,
+#settings_plugin_bedlevelvisualizer .table tbody tr td.info,
+#settings_plugin_bedlevelvisualizer .table tfoot tr.info > th {
+    background-color: var(--grey3);
+}
+
+#settings_plugin_bedlevelvisualizer .table tbody tr .raise,
+#settings_plugin_bedlevelvisualizer .table tfoot tr td span.raise {
+    color: var(--green);
+}
+
+#settings_plugin_bedlevelvisualizer .table tbody tr .lower,
+#settings_plugin_bedlevelvisualizer .table tfoot tr td span.lower {
+    color: var(--red);
+}
+
+#settings_plugin_bedlevelvisualizer .table thead tr.info .x-axis-label,
+#settings_plugin_bedlevelvisualizer .table tbody tr .x-axis-label,
+#settings_plugin_bedlevelvisualizer .table tfoot tr .x-axis-label,
+#settings_plugin_bedlevelvisualizer .table tfoot tr .x-axis-label  {
+    color: var(--quiteWhite-dark);
+}
+
+#settings_plugin_bedlevelvisualizer .table thead tr.info .y-axis-label,
+#settings_plugin_bedlevelvisualizer .table tbody tr .y-axis-label,
+#settings_plugin_bedlevelvisualizer .table tfoot tr .y-axis-label,
+#settings_plugin_bedlevelvisualizer .table tfoot tr.info .y-axis-label {
+    color: var(--grey);
+}
+
+#settings_plugin_bedlevelvisualizer #bedlevelvisualizer_command {
+    min-height: 300px;
+}