Fix some night mode color issues

- Fixed vite dev server not working with https enabled Plan webservers
- Fixed text color of buttons with .col-theme class
- Fixed hover for buttons and links with .col-theme class
- Fixed checked checkbox color for checkboxes in night mode

Affects issues:
- Fixed #4000

Author: AuroraLS3

Plan/react/dashboard/src/style/style.css

@@ -1220,6 +1220,10 @@ div#navSrvContainer::-webkit-scrollbar-thumb {
     color: var(--color-theme);
 }
 
+button.col-theme:hover, a.col-theme:hover {
+    color: color-mix(in srgb, var(--color-theme) 60%, black)
+}
+
 /* Minecraft color codes */
 .black {
     color: #000000;

Plan/react/dashboard/src/util/colors.js

@@ -280,13 +280,15 @@ export const createNightModeCss = () => {
         `.fc-today {background:var(--color-night-grey-blue) !important}` +
         `.fc-popover-body,.fc-popover-header{background-color: var(--color-night-dark-blue) !important;color: var(--color-night-text-dark-bg) !important;}` +
         `select,input,.dataTables_paginate .page-item:not(.active) a,.input-group-text,.input-group-text > * {background-color:var(--color-night-dark-blue) !important;border-color:var(--color-night-blue) !important;color: var(--color-night-text-dark-bg) !important;}` +
+        `input.form-check-input:checked {background-color:var(--color-night-blue) !important;border-color:var(--color-night-blue) !important;color: var(--color-night-text-dark-bg) !important;}` +
         `.topbar-divider,.fc td,.fc tr,.fc th, .fc table, .modal-header,.modal-body,.modal-footer{border-color:var(--color-night-blue) !important;}` +
         `.fc a{color:var(--color-night-text-dark-bg) !important;}` +
         `.fc-button{ background-color: ${withReducedSaturation(colorMap.PLAN.hex)} !important;}` +
         `.loader{border: 4px solid var(--color-plan); background-color: var(--color-plan);}` +
         `.dropdown-item,.dropdown-header{color: var(--color-night-text-dark-bg) !important;}` +
         `.dropdown-item:hover{background-color: var(--color-night-blue) !important;}` +
         `.dropdown-menu{border-color:var(--color-night-blue);color: var(--color-night-blue) !important;}` +
+        `.col-theme{--color-theme: var(--color-night-text-dark-bg)}` +
         `:root {--bs-heading-color:var(--color-night-text-dark-bg); --bs-card-color:var(--color-night-text-dark-bg); --bs-body-color:var(--color-night-text-dark-bg); --bs-body-bg:var(--color-night-dark-grey-blue); --bs-btn-active-border-color:var(--color-night-blue);}` +
         createNightModeColorCss()
 }

Plan/react/dashboard/vite.config.js

@@ -22,9 +22,11 @@ export default defineConfig({
         host: 'localhost',
         port: 3000,
         open: true,
+        secure: false,
         proxy: {
-            "/v1": {target: packageJson.proxy},
-            "/docs/swagger.json": {target: packageJson.proxy}
+            "/v1": {target: packageJson.proxy, secure: false},
+            "/auth": {target: packageJson.proxy, secure: false},
+            "/docs/swagger.json": {target: packageJson.proxy, secure: false}
         }
     }
 });