From 4217ce7fd28b1d75cca42a7025e1c9b571a2bb73 Mon Sep 17 00:00:00 2001 From: Zack Spear Date: Wed, 26 Jun 2024 18:22:17 -0700 Subject: [PATCH] refactor: docker.vm.manager UpdateVM css vars --- .../sheets/UpdateVM-azure.css | 34 ------------ .../sheets/UpdateVM-black.css | 34 ------------ .../sheets/UpdateVM-gray.css | 34 ------------ .../sheets/UpdateVM-white.css | 34 ------------ .../dynamix.vm.manager/sheets/UpdateVM.css | 54 +++++++++++++++++-- 5 files changed, 49 insertions(+), 141 deletions(-) delete mode 100644 emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-azure.css delete mode 100644 emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-black.css delete mode 100644 emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-gray.css delete mode 100644 emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-white.css diff --git a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-azure.css b/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-azure.css deleted file mode 100644 index ee091fe05..000000000 --- a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-azure.css +++ /dev/null @@ -1,34 +0,0 @@ -.fileTree { - background: #f2f2f2; - width: 300px; - max-height: 150px; - overflow-y: scroll; - overflow-x: hidden; - position: relative; - z-index: 100; - display: none; -} -#vmform table.multiple { - margin: 10px 0; - background: #f2f2f2; - background-size: 800px 100%; - background-position: -800px; - background-repeat: no-repeat; - background-clip: content-box; - transition: background 0.3s linear; -} -#template_img_chooser_outer { - position: absolute; - display: none; - border-radius: 5px; - border: 1px solid ; - background: #f2f2f2; - z-index: 10; -} -span#dropbox { - border: 1px solid ; - background: #f2f2f2; - padding: 28px 12px; - line-height: 72px; - margin-right: 16px; -} diff --git a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-black.css b/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-black.css deleted file mode 100644 index ac0f69327..000000000 --- a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-black.css +++ /dev/null @@ -1,34 +0,0 @@ -.fileTree { - background: #1c1c1c; - width: 300px; - max-height: 150px; - overflow-y: scroll; - overflow-x: hidden; - position: relative; - z-index: 100; - display: none; -} -#vmform table.multiple { - margin: 10px 0; - background: #1c1c1c; - background-size: 800px 100%; - background-position: -800px; - background-repeat: no-repeat; - background-clip: content-box; - transition: background 0.3s linear; -} -#template_img_chooser_outer { - position: absolute; - display: none; - border-radius: 5px; - border: 1px solid ; - background: #1c1c1c; - z-index: 10; -} -span#dropbox { - border: 1px solid ; - background: #1c1c1c; - padding: 28px 12px; - line-height: 72px; - margin-right: 16px; -} diff --git a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-gray.css b/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-gray.css deleted file mode 100644 index ac0f69327..000000000 --- a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-gray.css +++ /dev/null @@ -1,34 +0,0 @@ -.fileTree { - background: #1c1c1c; - width: 300px; - max-height: 150px; - overflow-y: scroll; - overflow-x: hidden; - position: relative; - z-index: 100; - display: none; -} -#vmform table.multiple { - margin: 10px 0; - background: #1c1c1c; - background-size: 800px 100%; - background-position: -800px; - background-repeat: no-repeat; - background-clip: content-box; - transition: background 0.3s linear; -} -#template_img_chooser_outer { - position: absolute; - display: none; - border-radius: 5px; - border: 1px solid ; - background: #1c1c1c; - z-index: 10; -} -span#dropbox { - border: 1px solid ; - background: #1c1c1c; - padding: 28px 12px; - line-height: 72px; - margin-right: 16px; -} diff --git a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-white.css b/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-white.css deleted file mode 100644 index ee091fe05..000000000 --- a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM-white.css +++ /dev/null @@ -1,34 +0,0 @@ -.fileTree { - background: #f2f2f2; - width: 300px; - max-height: 150px; - overflow-y: scroll; - overflow-x: hidden; - position: relative; - z-index: 100; - display: none; -} -#vmform table.multiple { - margin: 10px 0; - background: #f2f2f2; - background-size: 800px 100%; - background-position: -800px; - background-repeat: no-repeat; - background-clip: content-box; - transition: background 0.3s linear; -} -#template_img_chooser_outer { - position: absolute; - display: none; - border-radius: 5px; - border: 1px solid ; - background: #f2f2f2; - z-index: 10; -} -span#dropbox { - border: 1px solid ; - background: #f2f2f2; - padding: 28px 12px; - line-height: 72px; - margin-right: 16px; -} diff --git a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM.css b/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM.css index 9caa6ea4a..c191e5919 100644 --- a/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM.css +++ b/emhttp/plugins/dynamix.vm.manager/sheets/UpdateVM.css @@ -1,3 +1,12 @@ +:root { + --update-vm-background: var(--black); +} + +.Theme--azure:root, +.Theme--white:root { + --update-vm-background: var(--gray-100); +} + body { -webkit-overflow-scrolling: touch; } @@ -72,7 +81,7 @@ body { left: 0; width: 6px; border-radius: 3px; - background-color: #dddddd; + background-color: var(--gray-200); /* Condensed from: #dddddd */ transition-property: background, width; transition-duration: 0.1s; transition-timing-function: linear; @@ -85,7 +94,7 @@ body { opacity: 0.6; } #vmform .multiple:hover .sectiontab { - background-color: #cccccc; + background-color: var(--gray-300); width: 8px; } #vmform table.multiple:hover { @@ -139,7 +148,7 @@ span.advancedview_panel { position: relative; } #template_img_chooser div:hover { - background-color: #eee; + background-color: var(--gray-150); /* Condensed from: #eee */ cursor: pointer; } #form_content { @@ -168,7 +177,7 @@ span.advancedview_panel { #vmform .mac_generate { cursor: pointer; margin-left: -5px; - color: #08c; + color: var(--blue-700); /* Condensed from: #08c */ font-size: 1.3rem; transform: translate(0px, 2px); } @@ -177,7 +186,7 @@ span.advancedview_panel { } #vmform .disk_preview { display: inline-block; - color: #bbb; + color: var(--gray-300); /* Condensed from: #bbb */ transform: translate(0px, 1px); } i.fa-plus-circle, @@ -190,3 +199,38 @@ input[type="checkbox"] { #vmform table.timers td.present { width: 150px; } + +.fileTree { + background: var(--update-vm-background); + width: 300px; + max-height: 150px; + overflow-y: scroll; + overflow-x: hidden; + position: relative; + z-index: 100; + display: none; +} +#vmform table.multiple { + margin: 10px 0; + background: var(--update-vm-background); + background-size: 800px 100%; + background-position: -800px; + background-repeat: no-repeat; + background-clip: content-box; + transition: background 0.3s linear; +} +#template_img_chooser_outer { + position: absolute; + display: none; + border-radius: 5px; + border: 1px solid ; + background: var(--update-vm-background); + z-index: 10; +} +span#dropbox { + border: 1px solid ; + background: var(--update-vm-background); + padding: 28px 12px; + line-height: 72px; + margin-right: 16px; +}