From 8f6a243b545e5a70993161603241d77072b5e31e Mon Sep 17 00:00:00 2001 From: Markus Poeschl Date: Wed, 3 Mar 2021 20:58:31 +0000 Subject: [PATCH 1/7] Remove duplicated grey --- css/red-night.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/css/red-night.css b/css/red-night.css index 18f94ad..1f6de33 100644 --- 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); From cc4a97137877fec026e17921baf108ee1e383df1 Mon Sep 17 00:00:00 2001 From: Markus Poeschl Date: Wed, 3 Mar 2021 21:50:16 +0000 Subject: [PATCH 2/7] Add theme for top temp plugin --- css/red-night.css | 44 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) diff --git a/css/red-night.css b/css/red-night.css index 1f6de33..8760456 100644 --- a/css/red-night.css +++ b/css/red-night.css @@ -853,3 +853,47 @@ hr { #psucontrol_indicator.off i { color: var(--grey); } + +#navbar_plugin_toptemp { + color: var(--quiteWhite-dark); +} + +#navbar_plugin_toptemp .TopTempLoad:before { + color: var(--accent); + content: "\F1CE"; +} + +#navbar_plugin_toptemp .fas.fa-flag-checkered { + color: var(--green); + opacity: 0.7; +} + +#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); +} From 2c3b6e601b8bd709370b1e87ccd05d774019139d Mon Sep 17 00:00:00 2001 From: Markus Poeschl Date: Thu, 4 Mar 2021 16:15:31 +0000 Subject: [PATCH 3/7] Remove color for icons in toptemp plugin --- css/red-night.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/css/red-night.css b/css/red-night.css index 8760456..ff83a55 100644 --- a/css/red-night.css +++ b/css/red-night.css @@ -863,11 +863,6 @@ hr { content: "\F1CE"; } -#navbar_plugin_toptemp .fas.fa-flag-checkered { - color: var(--green); - opacity: 0.7; -} - #navbar_plugin_toptemp .TopTempGraph > svg .ct-series .ct-line { stroke: var(--quiteWhite); stroke-opacity: 0.4; From 1ce1e4afa983c542e6876a4d7cd95f3c0058bf92 Mon Sep 17 00:00:00 2001 From: LazeMSS <69049371+LazeMSS@users.noreply.github.com> Date: Wed, 10 Mar 2021 22:31:25 +0100 Subject: [PATCH 4/7] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index a1599b6..b51e23c 100644 --- 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/ From 511c9ed4aeb195d6e0188ec2d8eaaf45209d35f0 Mon Sep 17 00:00:00 2001 From: Markus Poeschl Date: Thu, 18 Mar 2021 17:30:51 +0100 Subject: [PATCH 5/7] Fix some incosistant process bars --- css/red-night.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/css/red-night.css b/css/red-night.css index ff83a55..a71fc19 100644 --- a/css/red-night.css +++ b/css/red-night.css @@ -382,6 +382,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; } From 5c7b680cf9251db8ddd89cff31cd0c864a03f6af Mon Sep 17 00:00:00 2001 From: Markus Poeschl Date: Thu, 18 Mar 2021 17:31:24 +0100 Subject: [PATCH 6/7] Fixed some icon appearances --- css/red-night.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/css/red-night.css b/css/red-night.css index a71fc19..c61feb6 100644 --- a/css/red-night.css +++ b/css/red-night.css @@ -782,11 +782,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"; } @@ -845,7 +847,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"; } @@ -868,6 +871,8 @@ hr { } #navbar_plugin_toptemp .TopTempLoad:before { + font-family: "Font Awesome 5 Free"; + font-weight: 900; color: var(--accent); content: "\F1CE"; } From f66589638287a24de699f7143d9a9aeafbc19979 Mon Sep 17 00:00:00 2001 From: Markus Poeschl Date: Thu, 18 Mar 2021 18:29:14 +0100 Subject: [PATCH 7/7] Added styles for BedLevelVisualizer --- css/red-night.css | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/css/red-night.css b/css/red-night.css index ff83a55..68ec5d7 100644 --- a/css/red-night.css +++ b/css/red-night.css @@ -287,6 +287,7 @@ textarea { text-shadow: none; padding-bottom: 6px; border-radius: 2px; + margin: 0; } .uneditable-input:focus, @@ -892,3 +893,42 @@ div.popover.toptempPopover .popover-content div.TopTempPopoverGraph svg .ct-grid 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; +}