From b0db96e5b63d957f25a114f659b76329ea23cbab Mon Sep 17 00:00:00 2001
From: tabarra <tabarra@vexguard.net>
Date: Wed, 8 Nov 2023 14:03:02 -0300
Subject: [PATCH] wip: adapt legacy styles to somewhat match shadcn

---
 docs/dev_notes.md           |   2 +-
 web/parts/header.ejs        |   4 +-
 web/public/css/dark.css     | 119 ++++++++----------------------------
 web/public/css/dark.css.map |  10 +--
 web/public/css/dark.scss    |  33 +++++++---
 web/public/css/txAdmin.css  |  15 +++++
 6 files changed, 69 insertions(+), 114 deletions(-)

diff --git a/docs/dev_notes.md b/docs/dev_notes.md
index 288f23fa8..92684d251 100644
--- a/docs/dev_notes.md
+++ b/docs/dev_notes.md
@@ -102,7 +102,7 @@ Processo:
 - [ ][3h] change password modal
 - [ ][1h] change temp password prompt
 - [ ][2d] light/dark theme
-- [ ][1d] adapt legacy styles to somewhat match shadcn
+- [x][1d] adapt legacy styles to somewhat match shadcn
 - [ ][3h] full cleanup of legacy code
     - [ ] removing the replaced page templates
     - [ ] remove playerlist code
diff --git a/web/parts/header.ejs b/web/parts/header.ejs
index 0b439b758..dacb7817c 100644
--- a/web/parts/header.ejs
+++ b/web/parts/header.ejs
@@ -82,10 +82,10 @@
                 <ul class="c-header-nav ml-auto mr-4">
                     <li class="c-header-nav-item mx-1">
                         <div id="darkToggleArea" title="Have you tried our Dark Mode yet? 😎">
-                            <svg class="c-sidebar-nav-icon d-none" id="darkToggleLight">
+                            <svg class="c-sidebar-nav-icon d-none" id="darkToggleLight" style="color: gray;">
                                 <use href="img/coreui_icons.svg#cil-sun"></use>
                             </svg>
-                            <svg class="c-sidebar-nav-icon" id="darkToggleDark">
+                            <svg class="c-sidebar-nav-icon" id="darkToggleDark" style="color: gray;">
                                 <use href="img/coreui_icons.svg#cil-moon"></use>
                             </svg>
                         </div>
diff --git a/web/public/css/dark.css b/web/public/css/dark.css
index b37f137fc..b874b6317 100644
--- a/web/public/css/dark.css
+++ b/web/public/css/dark.css
@@ -4,6 +4,12 @@
   --danger: #ff148f !important;
 }
 
+.card:first-child,
+.card-header:first-child,
+.card-body {
+  border-radius: 0.5rem;
+}
+
 /**
  *  A dark theme for all, by GoatGeek#0001
  *
@@ -33,115 +39,91 @@ body.theme--dark {
    * txAdmin player list
    */
 }
-
 body.theme--dark, body.theme--dark .c-app, body.theme--dark .c-main, body.theme--dark .c-footer, body.theme--dark .c-header {
-  background: #171718;
+  background: rgba(0, 0, 0, 0);
   color: #FFFFFF;
 }
-
 body.theme--dark ul.stepper .step:not(:last-of-type)::after {
-  background-color: #4b4b4b;
+  background-color: rgb(75, 75, 75);
 }
-
 body.theme--dark .list-group-accent .list-group-item-accent-secondary {
   border-left: 4px solid #656568;
 }
-
 body.theme--dark .progress {
   background-color: #3d3d3f;
 }
-
 body.theme--dark .c-switch-slider, body.theme--dark .c-switch-slider::before {
   background-color: #3d3d3f;
   border-color: #515153;
-  -webkit-transition: .15s ease-out;
-  transition: .15s ease-out;
+  transition: 0.15s ease-out;
 }
-
 body.theme--dark .c-switch-input:focus ~ .c-switch-slider {
   color: #FFFFFF;
   background-color: #515153;
   border-color: #7f7f82 !important;
   outline: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
-
 body.theme--dark .c-switch-success .c-switch-input:checked + .c-switch-slider {
   background-color: #2eb85c;
   border-color: #248f48;
 }
-
 body.theme--dark a:not(.btn):not(.c-sidebar-nav-link):not(.alert-link), body.theme--dark a:not(.btn):not(.c-sidebar-nav-link):not(.alert-link):hover {
   color: #00bf8f;
 }
-
 body.theme--dark a:not(.btn):not(.c-sidebar-nav-link):not(.alert-link).nav-link-red {
   color: #ff148f;
 }
-
 body.theme--dark .c-sidebar-nav-link.c-active {
   border-left: #00bf8f solid 4px;
 }
-
 body.theme--dark .c-sidebar .c-sidebar-nav-dropdown-toggle:hover,
 body.theme--dark .c-sidebar .c-sidebar-nav-link:hover {
   color: #fff;
   background: #00bf8f !important;
 }
-
 body.theme--dark .text-body {
   color: #FFFFFF !important;
 }
-
 body.theme--dark .text-danger {
   color: #ff148f !important;
 }
-
 body.theme--dark .text-danger:hover {
   color: #c70068 !important;
 }
-
 body.theme--dark .text-muted {
   color: #969696 !important;
 }
-
 body.theme--dark .text-primary {
   color: #00bf8f !important;
 }
-
 body.theme--dark .border-primary {
   border-color: #00bf8f !important;
 }
-
 body.theme--dark .btn.btn-primary, body.theme--dark .nav-pills .btn-primary.nav-link.active,
 body.theme--dark .nav-tabs .btn-primary.nav-link.active,
 body.theme--dark .nav-pills .show > .btn-primary.nav-link {
   background: #00bf8f;
   border-color: #00bf8f;
 }
-
 body.theme--dark .btn.btn-outline-primary, body.theme--dark .nav-pills .btn-outline-primary.nav-link.active,
 body.theme--dark .nav-tabs .btn-outline-primary.nav-link.active,
 body.theme--dark .nav-pills .show > .btn-outline-primary.nav-link {
   color: #00bf8f;
   border-color: #00bf8f;
 }
-
 body.theme--dark .btn.btn-outline-dark, body.theme--dark .nav-pills .btn-outline-dark.nav-link.active,
 body.theme--dark .nav-tabs .btn-outline-dark.nav-link.active,
 body.theme--dark .nav-pills .show > .btn-outline-dark.nav-link {
   color: #ebedef;
   border-color: #ebedef;
 }
-
 body.theme--dark .btn.btn-outline-dark:hover, body.theme--dark .nav-pills .btn-outline-dark.nav-link.active:hover,
 body.theme--dark .nav-tabs .btn-outline-dark.nav-link.active:hover,
 body.theme--dark .nav-pills .show > .btn-outline-dark.nav-link:hover {
   background-color: #ebedef;
   color: #515153;
 }
-
 body.theme--dark .btn.btn-primary:hover, body.theme--dark .nav-pills .btn-primary.nav-link.active:hover,
 body.theme--dark .nav-tabs .btn-primary.nav-link.active:hover,
 body.theme--dark .nav-pills .show > .btn-primary.nav-link:hover, body.theme--dark .btn.btn-outline-primary:hover, body.theme--dark .nav-pills .btn-outline-primary.nav-link.active:hover,
@@ -150,247 +132,196 @@ body.theme--dark .nav-pills .show > .btn-outline-primary.nav-link:hover {
   background-color: #00bf8f;
   color: black;
 }
-
 body.theme--dark .c-footer, body.theme--dark .c-header, body.theme--dark .card-footer, body.theme--dark .card-header,
 body.theme--dark .modal-body, body.theme--dark .modal-header, body.theme--dark .modal-footer,
 body.theme--dark .border-right {
-  border-color: #515153 !important;
+  border-color: hsl(240, 3.7%, 15.9%) !important;
 }
-
 body.theme--dark .c-sidebar, body.theme--dark .c-callout, body.theme--dark .modal-content, body.theme--dark .modal-body {
   background: #29292A;
 }
-
 body.theme--dark .alert.alert-secondary {
   background: #3d3d3f;
   color: #FFFFFF;
   border-color: #515153;
 }
-
 body.theme--dark ::-webkit-scrollbar-corner {
   background: #323234;
 }
-
 body.theme--dark .thin-scroll::-webkit-scrollbar-track {
   background-color: #323234;
   border-right: 1px solid #323234;
   border-left: 1px solid #323234;
 }
-
 body.theme--dark .thin-scroll::-webkit-scrollbar-thumb {
   background-color: #333;
   background-clip: content-box;
   border-color: transparent;
   border-radius: 6px;
 }
-
 body.theme--dark .thin-scroll:hover::-webkit-scrollbar-thumb {
   background-color: #444;
 }
-
 body.theme--dark .nav-tabs {
   border: 0;
 }
-
 body.theme--dark .nav-tabs .nav-link {
   border-color: #515153;
-  border-radius: 0;
-  -webkit-transition: background-color 300ms ease-in-out;
+  border-radius: calc(0.5rem - 2px);
   transition: background-color 300ms ease-in-out;
 }
-
 body.theme--dark .nav-tabs .nav-link.active {
   color: #29292A !important;
   font-weight: 600;
   border: 1px solid #00bf8f !important;
   border-bottom-width: 0 !important;
 }
-
 body.theme--dark .nav-link:hover {
   background-color: #2f2f30;
 }
-
 body.theme--dark .nav-link.nav-link-disabled {
   color: #656568 !important;
 }
-
 body.theme--dark .nav-link.active {
   color: #29292A !important;
   font-weight: 600;
 }
-
 body.theme--dark .nav-link.active.nav-link-red {
   background-color: #e55353 !important;
 }
-
 body.theme--dark .nav-pills .nav-link.active,
 body.theme--dark .nav-tabs .nav-link.active,
 body.theme--dark .nav-pills .show > .nav-link {
   background: #00bf8f;
   color: #111111;
 }
-
 body.theme--dark .c-header .c-header-nav .c-header-nav-btn, body.theme--dark .c-header .c-header-nav .c-header-nav-link {
   color: #00bf8f;
 }
-
 body.theme--dark .dropdown-menu {
   border-color: #515153;
 }
-
 body.theme--dark .dropdown-menu .dropdown-item, body.theme--dark .dropdown-menu {
   background-color: #3d3d3f;
 }
-
 body.theme--dark .dropdown-menu .dropdown-item:hover {
   background-color: #29292A;
 }
-
 body.theme--dark .dropdown-header {
   background-color: #3d3d3f;
 }
-
 body.theme--dark .c-header .c-header-toggler {
   color: white;
 }
-
 body.theme--dark pre, body.theme--dark .close {
   color: #fff;
 }
-
-body.theme--dark [data-notify="message"] > pre {
+body.theme--dark [data-notify=message] > pre {
   color: #29292A;
 }
-
-body.theme--dark button[data-notify="dismiss"] {
+body.theme--dark button[data-notify=dismiss] {
   color: #29292A;
 }
-
 body.theme--dark .form-control, body.theme--dark .btn, body.theme--dark .nav-pills .nav-link.active,
 body.theme--dark .nav-tabs .nav-link.active,
 body.theme--dark .nav-pills .show > .nav-link, body.theme--dark .c-callout {
-  border-radius: 0;
+  border-radius: calc(0.5rem - 2px);
 }
-
 body.theme--dark .form-control, body.theme--dark .input-group-text {
   background: #3d3d3f;
   border-color: #515153;
   color: #FFFFFF;
 }
-
 body.theme--dark .form-control[disabled], body.theme--dark .form-control[readonly] {
   background: #29292A;
   border-color: #515153;
   color: #FFFFFF;
   cursor: not-allowed;
 }
-
 body.theme--dark .form-control:focus {
-  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 191, 143, 0.15);
-          box-shadow: 0 0 0 0.2rem rgba(0, 191, 143, 0.15);
+  box-shadow: 0 0 0 0.2rem rgba(0, 191, 143, 0.15);
 }
-
 body.theme--dark .form-control.is-valid, body.theme--dark .was-validated .form-control:valid {
   border-color: #2eb85c;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%232eb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
-  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
-
 body.theme--dark .table, body.theme--dark .table td {
   border-color: #515153 !important;
 }
-
 body.theme--dark .table tr {
   color: #FFFFFF;
 }
-
 body.theme--dark .table thead th {
   border-top-color: #515153;
   border-bottom-color: #515153;
 }
-
 body.theme--dark .table strong, body.theme--dark .table .table-hover tbody tr:hover {
   color: #00bf8f;
 }
-
 body.theme--dark .table .thead-light th {
   background-color: #3d3d3f !important;
   color: #FFFFFF;
   font-size: 1.175em;
   font-family: Consolas, Courier, Droid Sans Mono, monospace;
 }
-
 body.theme--dark .card {
-  border: 0 solid transparent;
-  border-radius: 0;
+  border: 1px solid hsl(240, 3.7%, 15.9%);
+  border-radius: 0.5rem !important;
 }
-
 body.theme--dark .card, body.theme--dark .card .card-header, body.theme--dark .card .card-body, body.theme--dark .card .card-footer {
-  background-color: #29292A;
+  background-color: #0d0d0e;
 }
-
 body.theme--dark .card .card-header, body.theme--dark .card .card-header p, body.theme--dark .card .card-body, body.theme--dark .card .card-body p {
   color: #FFFFFF;
 }
-
 body.theme--dark .card .card-header > h5, body.theme--dark .card .card-header .card-title {
   font-size: 1.05rem;
-  border-radius: 0;
   border: 0 solid transparent;
 }
-
 body.theme--dark .pagination .page-link {
   border-color: #515153 !important;
   background-color: #29292A;
 }
-
 body.theme--dark .pagination .page-link:hover {
   background-color: #515153;
 }
-
 body.theme--dark .pagination > .page-item.disabled > a {
   color: #656568 !important;
 }
-
 body.theme--dark #modPlayerMain-notes {
   background-color: #29292A;
 }
-
 body.theme--dark .attentionText {
   color: #FFFFFF;
 }
-
 body.theme--dark .logEntry {
   color: #FFFFFF;
 }
-
 body.theme--dark .logEntry:hover {
   background-color: #3d3d3f !important;
 }
-
 body.theme--dark .bigbutton {
   background: #3d3d3f;
 }
-
 body.theme--dark .bigbutton:hover {
   background-color: #00bf8f;
 }
-
+body.theme--dark .blur-input:not(:focus):not(:-moz-placeholder-shown) {
+  color: transparent !important;
+  text-shadow: 0 0 5px rgba(235, 235, 235, 0.5) !important;
+}
 body.theme--dark .blur-input:not(:focus):not(:placeholder-shown) {
   color: transparent !important;
   text-shadow: 0 0 5px rgba(235, 235, 235, 0.5) !important;
 }
-
 body.theme--dark .playerlist .player:hover {
   background-color: #3d3d3f;
 }
-
 body.theme--dark .playerlist .player .pname {
   color: #e6e6e6;
 }
-
 body.theme--dark .plheader {
   background-color: #3d3d3f !important;
-}
-/*# sourceMappingURL=dark.css.map */
\ No newline at end of file
+}/*# sourceMappingURL=dark.css.map */
\ No newline at end of file
diff --git a/web/public/css/dark.css.map b/web/public/css/dark.css.map
index c46c72a21..9715ab0f4 100644
--- a/web/public/css/dark.css.map
+++ b/web/public/css/dark.css.map
@@ -1,9 +1 @@
-{
-    "version": 3,
-    "mappings": "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",
-    "sources": [
-        "dark.scss"
-    ],
-    "names": [],
-    "file": "dark.css"
-}
\ No newline at end of file
+{"version":3,"sources":["dark.scss","dark.css"],"names":[],"mappings":"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","file":"dark.css"}
\ No newline at end of file
diff --git a/web/public/css/dark.scss b/web/public/css/dark.scss
index 2b78c2a87..055ea8b81 100644
--- a/web/public/css/dark.scss
+++ b/web/public/css/dark.scss
@@ -1,4 +1,5 @@
 $txadmin-dark-900: #29292A;
+$txadmin-dark-950: darken($txadmin-dark-900, 11%);
 $txadmin-dark-800: lighten($txadmin-dark-900, 8%);
 $txadmin-dark-700: lighten($txadmin-dark-800, 8%);
 $txadmin-dark-600: lighten($txadmin-dark-700, 8%);
@@ -22,6 +23,22 @@ $txadmin-danger: #ff148f;
   --danger: #{$txadmin-danger} !important;
 }
 
+//Adapting to the new UI
+//shadcn's default
+$radius: 0.5rem; 
+$radius-lg: $radius;
+$radius-md: calc($radius - 2px);
+$radius-sm: calc($radius - 4px);
+$border-color: hsl(240, 3.7%, 15.9%);
+
+
+.card:first-child,
+.card-header:first-child,
+.card-body {
+    border-radius: $radius-lg;
+}
+
+
 /**
  *  A dark theme for all, by GoatGeek#0001
  *
@@ -47,7 +64,7 @@ body.theme--dark {
   // ----- Core Styles
   //   Shape CoreUI in the darkness
   &, .c-app, .c-main, .c-footer, .c-header {
-    background: darken($txadmin-dark-900, 7%);
+    background: #0000;
     color: $txadmin-text-color;
   }
 
@@ -176,7 +193,7 @@ body.theme--dark {
   .c-footer, .c-header, .card-footer, .card-header,
   .modal-body, .modal-header, .modal-footer,
   .border-right {
-    border-color: $txadmin-border-color !important;
+    border-color: $border-color !important;
   }
 
   // Darken backgrounds
@@ -223,7 +240,7 @@ body.theme--dark {
 
     .nav-link {
       border-color: $txadmin-dark-700;
-      border-radius: 0;
+      border-radius: $radius-md;
       transition: background-color 300ms ease-in-out;
 
       &.active {
@@ -299,7 +316,7 @@ body.theme--dark {
 
   // ----- Forms
   .form-control, .btn, .c-callout {
-    border-radius: 0;
+    border-radius: $radius-md;
   }
 
   .form-control, .input-group-text {
@@ -355,11 +372,11 @@ body.theme--dark {
 
   // ----- Cards
   .card {
-    border: 0 solid transparent;
-    border-radius: 0;
+    border: 1px solid $border-color;
+    border-radius: $radius-lg !important;
 
     &, .card-header, .card-body, .card-footer {
-      background-color: $txadmin-dark-900;
+      background-color: $txadmin-dark-950;
     }
 
     .card-header, .card-body {
@@ -371,7 +388,7 @@ body.theme--dark {
     .card-header {
       & > h5, .card-title {
         font-size: 1.05rem;
-        border-radius: 0;
+        // border-radius: 0;
         border: 0 solid transparent;
       }
     }
diff --git a/web/public/css/txAdmin.css b/web/public/css/txAdmin.css
index b372b7bd6..98c7371bd 100644
--- a/web/public/css/txAdmin.css
+++ b/web/public/css/txAdmin.css
@@ -488,3 +488,18 @@ pre.thin-scroll{
 .switch-lg .c-switch-slider::after {
     width: 65%;
 }
+
+
+/* Shadcn patches for the light mode */
+body {
+    background-color: #0000 !important;
+}
+
+.card {
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
+        0 1px 2px -1px rgba(0, 0, 0, 0.1);
+    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
+        0 1px 2px -1px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
+        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}