From d12c040927052726a42591f15521849ddd611f35 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Mon, 21 Jul 2025 16:37:42 -0400
Subject: [PATCH 01/15] UTCT-112: Uprgrade PHP QRCode package and fix
 deprecations.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 user/plugins/seans-qrcode/composer.json |  2 +-
 user/plugins/seans-qrcode/composer.lock | 42 +++++++++++++++++--------
 user/plugins/seans-qrcode/plugin.php    |  4 +--
 3 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/user/plugins/seans-qrcode/composer.json b/user/plugins/seans-qrcode/composer.json
index 50777e1..a675f35 100644
--- a/user/plugins/seans-qrcode/composer.json
+++ b/user/plugins/seans-qrcode/composer.json
@@ -1,7 +1,7 @@
 {
     "require": {
         "php": "^8.0",
-        "chillerlan/php-qrcode": "^4.4.0",
+        "chillerlan/php-qrcode": "^4.4.0 || ^5.0.3",
         "ext-mbstring": "*",
         "ext-gd": "*"
     }
diff --git a/user/plugins/seans-qrcode/composer.lock b/user/plugins/seans-qrcode/composer.lock
index a8f411f..86af967 100644
--- a/user/plugins/seans-qrcode/composer.lock
+++ b/user/plugins/seans-qrcode/composer.lock
@@ -4,20 +4,20 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "409d7829335c97990d5bc31bc1b151c5",
+    "content-hash": "a5894bd54cb64bf2386db406a79e7bc1",
     "packages": [
         {
             "name": "chillerlan/php-qrcode",
-            "version": "4.4.2",
+            "version": "5.0.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/chillerlan/php-qrcode.git",
-                "reference": "345ed8e4ffb56e6b3fcd9f42e3970b9026fa6ce4"
+                "reference": "42e215640e9ebdd857570c9e4e52245d1ee51de2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/chillerlan/php-qrcode/zipball/345ed8e4ffb56e6b3fcd9f42e3970b9026fa6ce4",
-                "reference": "345ed8e4ffb56e6b3fcd9f42e3970b9026fa6ce4",
+                "url": "https://api.github.com/repos/chillerlan/php-qrcode/zipball/42e215640e9ebdd857570c9e4e52245d1ee51de2",
+                "reference": "42e215640e9ebdd857570c9e4e52245d1ee51de2",
                 "shasum": ""
             },
             "require": {
@@ -26,10 +26,14 @@
                 "php": "^7.4 || ^8.0"
             },
             "require-dev": {
+                "chillerlan/php-authenticator": "^4.3.1 || ^5.2.1",
+                "ext-fileinfo": "*",
                 "phan/phan": "^5.4.5",
+                "phpcompatibility/php-compatibility": "10.x-dev",
                 "phpmd/phpmd": "^2.15",
                 "phpunit/phpunit": "^9.6",
                 "setasign/fpdf": "^1.8.2",
+                "slevomat/coding-standard": "^8.15",
                 "squizlabs/php_codesniffer": "^3.11"
             },
             "suggest": {
@@ -40,17 +44,26 @@
             "type": "library",
             "autoload": {
                 "psr-4": {
-                    "chillerlan\\QRCode\\": "src/"
+                    "chillerlan\\QRCode\\": "src"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
-                "MIT"
+                "MIT",
+                "Apache-2.0"
             ],
             "authors": [
                 {
                     "name": "Kazuhiko Arase",
-                    "homepage": "https://github.com/kazuhikoarase"
+                    "homepage": "https://github.com/kazuhikoarase/qrcode-generator"
+                },
+                {
+                    "name": "ZXing Authors",
+                    "homepage": "https://github.com/zxing/zxing"
+                },
+                {
+                    "name": "Ashot Khanamiryan",
+                    "homepage": "https://github.com/khanamiryan/php-qrcode-detector-decoder"
                 },
                 {
                     "name": "Smiley",
@@ -62,26 +75,29 @@
                     "homepage": "https://github.com/chillerlan/php-qrcode/graphs/contributors"
                 }
             ],
-            "description": "A QR code generator with a user friendly API. PHP 7.4+",
+            "description": "A QR Code generator and reader with a user-friendly API. PHP 7.4+",
             "homepage": "https://github.com/chillerlan/php-qrcode",
             "keywords": [
                 "phpqrcode",
                 "qr",
                 "qr code",
+                "qr-reader",
                 "qrcode",
-                "qrcode-generator"
+                "qrcode-generator",
+                "qrcode-reader"
             ],
             "support": {
+                "docs": "https://php-qrcode.readthedocs.io",
                 "issues": "https://github.com/chillerlan/php-qrcode/issues",
-                "source": "https://github.com/chillerlan/php-qrcode/tree/4.4.2"
+                "source": "https://github.com/chillerlan/php-qrcode"
             },
             "funding": [
                 {
                     "url": "https://ko-fi.com/codemasher",
-                    "type": "ko_fi"
+                    "type": "Ko-Fi"
                 }
             ],
-            "time": "2024-11-15T15:36:24+00:00"
+            "time": "2024-11-21T16:12:34+00:00"
         },
         {
             "name": "chillerlan/php-settings-container",
diff --git a/user/plugins/seans-qrcode/plugin.php b/user/plugins/seans-qrcode/plugin.php
index 3860e39..6a94ed9 100644
--- a/user/plugins/seans-qrcode/plugin.php
+++ b/user/plugins/seans-qrcode/plugin.php
@@ -37,8 +37,8 @@
 
 class LogoOptions extends QROptions{
 	// size in QR modules, multiply with QROptions::$scale for pixel size
-	protected int $logoSpaceWidth;
-	protected int $logoSpaceHeight;
+	protected ?int $logoSpaceWidth;
+	protected ?int $logoSpaceHeight;
 }
 
 // Kick in if the loader does not recognize a valid pattern

From 69cecb4fcbe1de89e237224db9254e45211a1d7c Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Sat, 20 Dec 2025 13:12:33 -0500
Subject: [PATCH 02/15] UTCT-228: Accessible frontend form enhancements and
 styles.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/assets/sass/styles.scss |  24 ++++++
 frontend/dist/styles.css         | 133 +++++++++++++++++++------------
 index.php                        |  58 +++++++++++++-
 3 files changed, 161 insertions(+), 54 deletions(-)

diff --git a/frontend/assets/sass/styles.scss b/frontend/assets/sass/styles.scss
index 7cb7c98..a9efa8a 100644
--- a/frontend/assets/sass/styles.scss
+++ b/frontend/assets/sass/styles.scss
@@ -81,3 +81,27 @@ $border-radius: 6px;
         }
     }
 }
+
+/* Extra styling for the skip link when it becomes visible */
+.skip-link {
+    background-color: #0d6efd; /* Bootstrap primary */
+    color: #fff;
+    padding: 0.5rem 1rem;
+    text-decoration: none;
+    position: absolute;
+    top: 0.5rem;
+    left: 0.5rem;
+    z-index: 1050;
+}
+
+.skip-link:focus {
+    outline: 3px solid #ffc107;
+}
+
+/* Highlight the "Customize Link" toggle when it has keyboard focus */
+.btn.btn-link:focus,
+.btn.btn-link:focus-visible {
+    outline: 3px solid #ffc107 !important;        // strong yellow outline
+    outline-offset: 2px;
+    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, .5) !important;
+}
diff --git a/frontend/dist/styles.css b/frontend/dist/styles.css
index 1cc6000..f961e31 100644
--- a/frontend/dist/styles.css
+++ b/frontend/dist/styles.css
@@ -513,8 +513,8 @@ legend {
   width: 100%;
   padding: 0;
   margin-bottom: 0.5rem;
-  font-size: calc(1.275rem + 0.3vw);
   line-height: inherit;
+  font-size: calc(1.275rem + 0.3vw);
 }
 @media (min-width: 1200px) {
   legend {
@@ -543,6 +543,10 @@ legend + * {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
+[type=search]::-webkit-search-cancel-button {
+  cursor: pointer;
+  filter: grayscale(1);
+}
 
 /* rtl:raw:
 [type="tel"],
@@ -592,9 +596,9 @@ progress {
 }
 
 .display-1 {
-  font-size: calc(1.625rem + 4.5vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.625rem + 4.5vw);
 }
 @media (min-width: 1200px) {
   .display-1 {
@@ -603,9 +607,9 @@ progress {
 }
 
 .display-2 {
-  font-size: calc(1.575rem + 3.9vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.575rem + 3.9vw);
 }
 @media (min-width: 1200px) {
   .display-2 {
@@ -614,9 +618,9 @@ progress {
 }
 
 .display-3 {
-  font-size: calc(1.525rem + 3.3vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.525rem + 3.3vw);
 }
 @media (min-width: 1200px) {
   .display-3 {
@@ -625,9 +629,9 @@ progress {
 }
 
 .display-4 {
-  font-size: calc(1.475rem + 2.7vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.475rem + 2.7vw);
 }
 @media (min-width: 1200px) {
   .display-4 {
@@ -636,9 +640,9 @@ progress {
 }
 
 .display-5 {
-  font-size: calc(1.425rem + 2.1vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.425rem + 2.1vw);
 }
 @media (min-width: 1200px) {
   .display-5 {
@@ -647,9 +651,9 @@ progress {
 }
 
 .display-6 {
-  font-size: calc(1.375rem + 1.5vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.375rem + 1.5vw);
 }
 @media (min-width: 1200px) {
   .display-6 {
@@ -766,7 +770,7 @@ progress {
 }
 
 .col {
-  flex: 1 0 0%;
+  flex: 1 0 0;
 }
 
 .row-cols-auto > * {
@@ -975,7 +979,7 @@ progress {
 
 @media (min-width: 576px) {
   .col-sm {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-sm-auto > * {
     flex: 0 0 auto;
@@ -1144,7 +1148,7 @@ progress {
 }
 @media (min-width: 768px) {
   .col-md {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-md-auto > * {
     flex: 0 0 auto;
@@ -1313,7 +1317,7 @@ progress {
 }
 @media (min-width: 992px) {
   .col-lg {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-lg-auto > * {
     flex: 0 0 auto;
@@ -1482,7 +1486,7 @@ progress {
 }
 @media (min-width: 1200px) {
   .col-xl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xl-auto > * {
     flex: 0 0 auto;
@@ -1651,7 +1655,7 @@ progress {
 }
 @media (min-width: 1400px) {
   .col-xxl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xxl-auto > * {
     flex: 0 0 auto;
@@ -2287,9 +2291,11 @@ textarea.form-control-lg {
   top: 0;
   left: 0;
   z-index: 2;
+  max-width: 100%;
   height: 100%;
   padding: 1rem 0.75rem;
   overflow: hidden;
+  color: rgba(var(--bs-body-color-rgb), 0.65);
   text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2325,18 +2331,19 @@ textarea.form-control-lg {
 .form-floating > .form-select {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
+  padding-left: 0.75rem;
 }
 .form-floating > .form-control:focus ~ label,
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
 .form-floating > .form-control-plaintext ~ label,
 .form-floating > .form-select ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
-.form-floating > .form-control:focus ~ label::after,
-.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
-.form-floating > .form-control-plaintext ~ label::after,
-.form-floating > .form-select ~ label::after {
+.form-floating > .form-control:-webkit-autofill ~ label {
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > textarea:focus ~ label::after,
+.form-floating > textarea:not(:placeholder-shown) ~ label::after {
   position: absolute;
   inset: 1rem 0.375rem;
   z-index: -1;
@@ -2345,9 +2352,8 @@ textarea.form-control-lg {
   background-color: #ebebeb;
   border-radius: var(--bs-border-radius);
 }
-.form-floating > .form-control:-webkit-autofill ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
-  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+.form-floating > textarea:disabled ~ label::after {
+  background-color: var(--bs-secondary-bg);
 }
 .form-floating > .form-control-plaintext ~ label {
   border-width: 0 0;
@@ -2356,10 +2362,6 @@ textarea.form-control-lg {
 .form-floating > .form-control:disabled ~ label {
   color: #6c757d;
 }
-.form-floating > :disabled ~ label::after,
-.form-floating > .form-control:disabled ~ label::after {
-  background-color: var(--bs-secondary-bg);
-}
 
 .input-group {
   position: relative;
@@ -2442,7 +2444,7 @@ textarea.form-control-lg {
   border-bottom-right-radius: 0;
 }
 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
-  margin-left: calc(0 * -1);
+  margin-left: calc(-1 * 0);
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -2484,7 +2486,7 @@ textarea.form-control-lg {
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: var(--bs-form-valid-border-color);
   padding-right: calc(1.5em + 0.75rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -2503,7 +2505,7 @@ textarea.form-control-lg {
   border-color: var(--bs-form-valid-border-color);
 }
 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
-  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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");
+  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");
   padding-right: 4.125rem;
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -3210,7 +3212,7 @@ textarea.form-control-lg {
     flex-flow: row wrap;
   }
   .card-group > .card {
-    flex: 1 0 0%;
+    flex: 1 0 0;
     margin-bottom: 0;
   }
   .card-group > .card + .card {
@@ -3221,24 +3223,24 @@ textarea.form-control-lg {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-top,
-  .card-group > .card:not(:last-child) .card-header {
+  .card-group > .card:not(:last-child) > .card-img-top,
+  .card-group > .card:not(:last-child) > .card-header {
     border-top-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-bottom,
-  .card-group > .card:not(:last-child) .card-footer {
+  .card-group > .card:not(:last-child) > .card-img-bottom,
+  .card-group > .card:not(:last-child) > .card-footer {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-top,
-  .card-group > .card:not(:first-child) .card-header {
+  .card-group > .card:not(:first-child) > .card-img-top,
+  .card-group > .card:not(:first-child) > .card-header {
     border-top-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-bottom,
-  .card-group > .card:not(:first-child) .card-footer {
+  .card-group > .card:not(:first-child) > .card-img-bottom,
+  .card-group > .card:not(:first-child) > .card-footer {
     border-bottom-left-radius: 0;
   }
 }
@@ -3255,11 +3257,11 @@ textarea.form-control-lg {
   --bs-accordion-btn-padding-y: 1rem;
   --bs-accordion-btn-color: var(--bs-body-color);
   --bs-accordion-btn-bg: var(--bs-accordion-bg);
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
@@ -3369,16 +3371,15 @@ textarea.form-control-lg {
 .accordion-flush > .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
-  border-radius: 0;
-}
-.accordion-flush > .accordion-item > .accordion-collapse {
+.accordion-flush > .accordion-item > .accordion-collapse,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
   border-radius: 0;
 }
 
 [data-bs-theme=dark] .accordion-button::after {
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
 }
 
 .alert {
@@ -3478,19 +3479,19 @@ textarea.form-control-lg {
 
 .btn-close {
   --bs-btn-close-color: #000;
-  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
   --bs-btn-close-opacity: 0.5;
   --bs-btn-close-hover-opacity: 0.75;
   --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
-  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
   box-sizing: content-box;
   width: 1em;
   height: 1em;
   padding: 0.25em 0.25em;
   color: var(--bs-btn-close-color);
   background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+  filter: var(--bs-btn-close-filter);
   border: 0;
   border-radius: 6px;
   opacity: var(--bs-btn-close-opacity);
@@ -3512,11 +3513,16 @@ textarea.form-control-lg {
 }
 
 .btn-close-white {
-  filter: var(--bs-btn-close-white-filter);
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+:root,
+[data-bs-theme=light] {
+  --bs-btn-close-filter: ;
 }
 
-[data-bs-theme=dark] .btn-close {
-  filter: var(--bs-btn-close-white-filter);
+[data-bs-theme=dark] {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
 .clearfix::after {
@@ -3826,6 +3832,10 @@ textarea.form-control-lg {
 .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
   position: absolute !important;
 }
+.visually-hidden *,
+.visually-hidden-focusable:not(:focus):not(:focus-within) * {
+  overflow: hidden !important;
+}
 
 .stretched-link::after {
   position: absolute;
@@ -9359,4 +9369,27 @@ textarea.form-control-lg {
     width: 100%;
     border-radius: 6px !important;
   }
+}
+/* Extra styling for the skip link when it becomes visible */
+.skip-link {
+  background-color: #0d6efd; /* Bootstrap primary */
+  color: #fff;
+  padding: 0.5rem 1rem;
+  text-decoration: none;
+  position: absolute;
+  top: 0.5rem;
+  left: 0.5rem;
+  z-index: 1050;
+}
+
+.skip-link:focus {
+  outline: 3px solid #ffc107;
+}
+
+/* Highlight the "Customize Link" toggle when it has keyboard focus */
+.btn.btn-customize-link:focus,
+.btn.btn-customize-link:focus-visible {
+  outline: 3px solid #ffc107 !important;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5) !important;
 }
\ No newline at end of file
diff --git a/index.php b/index.php
index 51f7c1f..eed8e3e 100644
--- a/index.php
+++ b/index.php
@@ -84,6 +84,22 @@ function shorten()
 <?php include 'frontend/header.php'; ?>
 
 <body>
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        var customiseLink = document.getElementById('customise-link');
+        if (!customiseLink) return;
+
+        customiseLink.addEventListener('shown.bs.collapse', function () {
+            var keywordInput = document.getElementById('keyword');
+            if (keywordInput) {
+                keywordInput.focus();
+            }
+        });
+    });
+</script>
+<a href="#long-url" class="visually-hidden-focusable skip-link">
+  Skip to Long URL input field
+</a>
 <div class="container-fluid h-100">
     <div class="row justify-content-center align-items-center h-100">
         <div class="col-12 col-lg-10 col-xl-8 col-xxl-5 mt-5">
@@ -126,18 +142,52 @@ function shorten()
 
                         <form id="shortenlink" method="post" action="">
                             <div class="input-group input-group-block mt-4 mb-3">
-                                <input type="url" name="url" id="url" class="form-control text-uppercase" placeholder="PASTE URL, SHORTEN and SHARE" aria-label="PASTE URL, SHORTEN &amp; SHARE" aria-describedby="shorten-button" required>
-                                <input class="btn btn-primary text-uppercase py-2 px-4 mt-2 mt-md-0" type="submit" id="shorten-button" value="Shorten" />
+                                <label for="long-url" class="form-label visually-hidden-focusable">Long URL</label>
+
+                                <input
+                                    type="url"
+                                    name="url"
+                                    id="long-url"
+                                    class="form-control text-uppercase"
+                                    placeholder="PASTE URL, SHORTEN and SHARE"
+                                    aria-label="PASTE URL, SHORTEN &amp; SHARE"
+                                    aria-describedby="shorten-button"
+                                    required
+                                    tabindex="1"
+                                >
+                                <input
+                                    class="btn btn-primary text-uppercase py-2 px-4 mt-2 mt-md-0"
+                                    type="submit"
+                                    id="shorten-button"
+                                    value="Shorten"
+                                    tabindex="4"
+                                />
                             </div>
                             <?php if (defined('enableCustomURL') && enableCustomURL): ?>
-                                <a class="btn btn-sm btn-white text-black-50 text-uppercase" data-bs-toggle="collapse" href="#customise-link" role="button" aria-expanded="false" aria-controls="customise-link">
+                                <a
+                                    class="btn btn-sm btn-white btn-link btn-customize-link text-black-50 text-uppercase"
+                                    data-bs-toggle="collapse"
+                                    href="#customise-link"
+                                    role="button"
+                                    aria-expanded="false"
+                                    aria-controls="customise-link"
+                                    tabindex="2"
+                                >
                                     <img src="<?php echo YOURLS_SITE ?>/frontend/assets/svg/custom-url.svg" alt="Options"> Customize Link
                                 </a>
                                 <div class="collapse" id="customise-link">
                                     <div class="mt-2 card card-body">
                                         <div class="d-flex  align-items-center">
                                             <span class="me-2"><?php echo preg_replace("(^https?://)", "", YOURLS_SITE); ?>/</span>
-                                            <input type="text" name="keyword" class="form-control form-control-sm text-uppercase" placeholder="CUSTOM URL" aria-label="CUSTOM URL">
+                                            <input
+                                                type="text"
+                                                id="keyword"
+                                                name="keyword"
+                                                class="form-control form-control-sm text-uppercase"
+                                                placeholder="CUSTOM URL"
+                                                aria-label="CUSTOM URL"
+                                                tabindex="3"
+                                            >
                                         </div>
                                     </div>
                                 </div>

From 791632852e051c642221d2a1b33660133a5bc5b2 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Sat, 20 Dec 2025 17:16:08 -0500
Subject: [PATCH 03/15] UTCT-112: Background/border for legacy login form
 wordmark.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/assets/sass/styles.scss |   6 ++
 frontend/dist/styles.css         | 116 ++++++++++++++++++-------------
 2 files changed, 72 insertions(+), 50 deletions(-)

diff --git a/frontend/assets/sass/styles.scss b/frontend/assets/sass/styles.scss
index 7cb7c98..1339886 100644
--- a/frontend/assets/sass/styles.scss
+++ b/frontend/assets/sass/styles.scss
@@ -81,3 +81,9 @@ $border-radius: 6px;
         }
     }
 }
+img.login-logo {
+    background: #112e51;
+    border: 6px solid #112e51;
+    border-radius: 4px;
+    padding: 4px;
+}
diff --git a/frontend/dist/styles.css b/frontend/dist/styles.css
index 1cc6000..34fb3d6 100644
--- a/frontend/dist/styles.css
+++ b/frontend/dist/styles.css
@@ -513,8 +513,8 @@ legend {
   width: 100%;
   padding: 0;
   margin-bottom: 0.5rem;
-  font-size: calc(1.275rem + 0.3vw);
   line-height: inherit;
+  font-size: calc(1.275rem + 0.3vw);
 }
 @media (min-width: 1200px) {
   legend {
@@ -543,6 +543,10 @@ legend + * {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
+[type=search]::-webkit-search-cancel-button {
+  cursor: pointer;
+  filter: grayscale(1);
+}
 
 /* rtl:raw:
 [type="tel"],
@@ -592,9 +596,9 @@ progress {
 }
 
 .display-1 {
-  font-size: calc(1.625rem + 4.5vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.625rem + 4.5vw);
 }
 @media (min-width: 1200px) {
   .display-1 {
@@ -603,9 +607,9 @@ progress {
 }
 
 .display-2 {
-  font-size: calc(1.575rem + 3.9vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.575rem + 3.9vw);
 }
 @media (min-width: 1200px) {
   .display-2 {
@@ -614,9 +618,9 @@ progress {
 }
 
 .display-3 {
-  font-size: calc(1.525rem + 3.3vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.525rem + 3.3vw);
 }
 @media (min-width: 1200px) {
   .display-3 {
@@ -625,9 +629,9 @@ progress {
 }
 
 .display-4 {
-  font-size: calc(1.475rem + 2.7vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.475rem + 2.7vw);
 }
 @media (min-width: 1200px) {
   .display-4 {
@@ -636,9 +640,9 @@ progress {
 }
 
 .display-5 {
-  font-size: calc(1.425rem + 2.1vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.425rem + 2.1vw);
 }
 @media (min-width: 1200px) {
   .display-5 {
@@ -647,9 +651,9 @@ progress {
 }
 
 .display-6 {
-  font-size: calc(1.375rem + 1.5vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.375rem + 1.5vw);
 }
 @media (min-width: 1200px) {
   .display-6 {
@@ -766,7 +770,7 @@ progress {
 }
 
 .col {
-  flex: 1 0 0%;
+  flex: 1 0 0;
 }
 
 .row-cols-auto > * {
@@ -975,7 +979,7 @@ progress {
 
 @media (min-width: 576px) {
   .col-sm {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-sm-auto > * {
     flex: 0 0 auto;
@@ -1144,7 +1148,7 @@ progress {
 }
 @media (min-width: 768px) {
   .col-md {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-md-auto > * {
     flex: 0 0 auto;
@@ -1313,7 +1317,7 @@ progress {
 }
 @media (min-width: 992px) {
   .col-lg {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-lg-auto > * {
     flex: 0 0 auto;
@@ -1482,7 +1486,7 @@ progress {
 }
 @media (min-width: 1200px) {
   .col-xl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xl-auto > * {
     flex: 0 0 auto;
@@ -1651,7 +1655,7 @@ progress {
 }
 @media (min-width: 1400px) {
   .col-xxl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xxl-auto > * {
     flex: 0 0 auto;
@@ -2287,9 +2291,11 @@ textarea.form-control-lg {
   top: 0;
   left: 0;
   z-index: 2;
+  max-width: 100%;
   height: 100%;
   padding: 1rem 0.75rem;
   overflow: hidden;
+  color: rgba(var(--bs-body-color-rgb), 0.65);
   text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2325,18 +2331,19 @@ textarea.form-control-lg {
 .form-floating > .form-select {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
+  padding-left: 0.75rem;
 }
 .form-floating > .form-control:focus ~ label,
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
 .form-floating > .form-control-plaintext ~ label,
 .form-floating > .form-select ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
-.form-floating > .form-control:focus ~ label::after,
-.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
-.form-floating > .form-control-plaintext ~ label::after,
-.form-floating > .form-select ~ label::after {
+.form-floating > .form-control:-webkit-autofill ~ label {
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > textarea:focus ~ label::after,
+.form-floating > textarea:not(:placeholder-shown) ~ label::after {
   position: absolute;
   inset: 1rem 0.375rem;
   z-index: -1;
@@ -2345,9 +2352,8 @@ textarea.form-control-lg {
   background-color: #ebebeb;
   border-radius: var(--bs-border-radius);
 }
-.form-floating > .form-control:-webkit-autofill ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
-  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+.form-floating > textarea:disabled ~ label::after {
+  background-color: var(--bs-secondary-bg);
 }
 .form-floating > .form-control-plaintext ~ label {
   border-width: 0 0;
@@ -2356,10 +2362,6 @@ textarea.form-control-lg {
 .form-floating > .form-control:disabled ~ label {
   color: #6c757d;
 }
-.form-floating > :disabled ~ label::after,
-.form-floating > .form-control:disabled ~ label::after {
-  background-color: var(--bs-secondary-bg);
-}
 
 .input-group {
   position: relative;
@@ -2442,7 +2444,7 @@ textarea.form-control-lg {
   border-bottom-right-radius: 0;
 }
 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
-  margin-left: calc(0 * -1);
+  margin-left: calc(-1 * 0);
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -2484,7 +2486,7 @@ textarea.form-control-lg {
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: var(--bs-form-valid-border-color);
   padding-right: calc(1.5em + 0.75rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -2503,7 +2505,7 @@ textarea.form-control-lg {
   border-color: var(--bs-form-valid-border-color);
 }
 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
-  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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");
+  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");
   padding-right: 4.125rem;
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -3210,7 +3212,7 @@ textarea.form-control-lg {
     flex-flow: row wrap;
   }
   .card-group > .card {
-    flex: 1 0 0%;
+    flex: 1 0 0;
     margin-bottom: 0;
   }
   .card-group > .card + .card {
@@ -3221,24 +3223,24 @@ textarea.form-control-lg {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-top,
-  .card-group > .card:not(:last-child) .card-header {
+  .card-group > .card:not(:last-child) > .card-img-top,
+  .card-group > .card:not(:last-child) > .card-header {
     border-top-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-bottom,
-  .card-group > .card:not(:last-child) .card-footer {
+  .card-group > .card:not(:last-child) > .card-img-bottom,
+  .card-group > .card:not(:last-child) > .card-footer {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-top,
-  .card-group > .card:not(:first-child) .card-header {
+  .card-group > .card:not(:first-child) > .card-img-top,
+  .card-group > .card:not(:first-child) > .card-header {
     border-top-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-bottom,
-  .card-group > .card:not(:first-child) .card-footer {
+  .card-group > .card:not(:first-child) > .card-img-bottom,
+  .card-group > .card:not(:first-child) > .card-footer {
     border-bottom-left-radius: 0;
   }
 }
@@ -3255,11 +3257,11 @@ textarea.form-control-lg {
   --bs-accordion-btn-padding-y: 1rem;
   --bs-accordion-btn-color: var(--bs-body-color);
   --bs-accordion-btn-bg: var(--bs-accordion-bg);
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
@@ -3369,16 +3371,15 @@ textarea.form-control-lg {
 .accordion-flush > .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
-  border-radius: 0;
-}
-.accordion-flush > .accordion-item > .accordion-collapse {
+.accordion-flush > .accordion-item > .accordion-collapse,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
   border-radius: 0;
 }
 
 [data-bs-theme=dark] .accordion-button::after {
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
 }
 
 .alert {
@@ -3478,19 +3479,19 @@ textarea.form-control-lg {
 
 .btn-close {
   --bs-btn-close-color: #000;
-  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
   --bs-btn-close-opacity: 0.5;
   --bs-btn-close-hover-opacity: 0.75;
   --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
-  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
   box-sizing: content-box;
   width: 1em;
   height: 1em;
   padding: 0.25em 0.25em;
   color: var(--bs-btn-close-color);
   background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+  filter: var(--bs-btn-close-filter);
   border: 0;
   border-radius: 6px;
   opacity: var(--bs-btn-close-opacity);
@@ -3512,11 +3513,16 @@ textarea.form-control-lg {
 }
 
 .btn-close-white {
-  filter: var(--bs-btn-close-white-filter);
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
-[data-bs-theme=dark] .btn-close {
-  filter: var(--bs-btn-close-white-filter);
+:root,
+[data-bs-theme=light] {
+  --bs-btn-close-filter: ;
+}
+
+[data-bs-theme=dark] {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
 .clearfix::after {
@@ -3826,6 +3832,10 @@ textarea.form-control-lg {
 .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
   position: absolute !important;
 }
+.visually-hidden *,
+.visually-hidden-focusable:not(:focus):not(:focus-within) * {
+  overflow: hidden !important;
+}
 
 .stretched-link::after {
   position: absolute;
@@ -9359,4 +9369,10 @@ textarea.form-control-lg {
     width: 100%;
     border-radius: 6px !important;
   }
+}
+img.login-logo {
+  background: #112e51;
+  border: 6px solid #112e51;
+  border-radius: 4px;
+  padding: 4px;
 }
\ No newline at end of file

From 3d85832cd9244b67741e2b3178985a14ce46a9c8 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Sat, 20 Dec 2025 17:20:15 -0500
Subject: [PATCH 04/15] UTCT-112: Update Chillerlan QR code package.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 user/plugins/seans-qrcode/composer.lock | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/user/plugins/seans-qrcode/composer.lock b/user/plugins/seans-qrcode/composer.lock
index 86af967..027d770 100644
--- a/user/plugins/seans-qrcode/composer.lock
+++ b/user/plugins/seans-qrcode/composer.lock
@@ -4,20 +4,20 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "a5894bd54cb64bf2386db406a79e7bc1",
+    "content-hash": "51ab3adf7ff100f83f9c86c3535e9299",
     "packages": [
         {
             "name": "chillerlan/php-qrcode",
-            "version": "5.0.3",
+            "version": "5.0.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/chillerlan/php-qrcode.git",
-                "reference": "42e215640e9ebdd857570c9e4e52245d1ee51de2"
+                "reference": "7b66282572fc14075c0507d74d9837dab25b38d6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/chillerlan/php-qrcode/zipball/42e215640e9ebdd857570c9e4e52245d1ee51de2",
-                "reference": "42e215640e9ebdd857570c9e4e52245d1ee51de2",
+                "url": "https://api.github.com/repos/chillerlan/php-qrcode/zipball/7b66282572fc14075c0507d74d9837dab25b38d6",
+                "reference": "7b66282572fc14075c0507d74d9837dab25b38d6",
                 "shasum": ""
             },
             "require": {
@@ -28,13 +28,13 @@
             "require-dev": {
                 "chillerlan/php-authenticator": "^4.3.1 || ^5.2.1",
                 "ext-fileinfo": "*",
-                "phan/phan": "^5.4.5",
+                "phan/phan": "^5.5.2",
                 "phpcompatibility/php-compatibility": "10.x-dev",
                 "phpmd/phpmd": "^2.15",
                 "phpunit/phpunit": "^9.6",
                 "setasign/fpdf": "^1.8.2",
-                "slevomat/coding-standard": "^8.15",
-                "squizlabs/php_codesniffer": "^3.11"
+                "slevomat/coding-standard": "^8.23.0",
+                "squizlabs/php_codesniffer": "^4.0.0"
             },
             "suggest": {
                 "chillerlan/php-authenticator": "Yet another Google authenticator! Also creates URIs for mobile apps.",
@@ -97,7 +97,7 @@
                     "type": "Ko-Fi"
                 }
             ],
-            "time": "2024-11-21T16:12:34+00:00"
+            "time": "2025-11-23T23:51:44+00:00"
         },
         {
             "name": "chillerlan/php-settings-container",
@@ -178,5 +178,5 @@
         "ext-gd": "*"
     },
     "platform-dev": {},
-    "plugin-api-version": "2.6.0"
+    "plugin-api-version": "2.9.0"
 }

From 0d9493b53859892a3a5fb3f927f7c1e896ff2af4 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Sun, 21 Dec 2025 14:06:28 -0500
Subject: [PATCH 05/15] UTCT-112: Make login wordmark visible with background.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/assets/sass/styles.scss              |  7 +--
 frontend/dist/styles.css                      |  2 +-
 .../sleeky-backend/assets/css/_base.scss      | 49 ++++++++++---------
 user/plugins/sleeky-backend/package-lock.json |  1 -
 4 files changed, 28 insertions(+), 31 deletions(-)

diff --git a/frontend/assets/sass/styles.scss b/frontend/assets/sass/styles.scss
index 1339886..d16370a 100644
--- a/frontend/assets/sass/styles.scss
+++ b/frontend/assets/sass/styles.scss
@@ -81,9 +81,4 @@ $border-radius: 6px;
         }
     }
 }
-img.login-logo {
-    background: #112e51;
-    border: 6px solid #112e51;
-    border-radius: 4px;
-    padding: 4px;
-}
+
diff --git a/frontend/dist/styles.css b/frontend/dist/styles.css
index 34fb3d6..d8997f7 100644
--- a/frontend/dist/styles.css
+++ b/frontend/dist/styles.css
@@ -9370,7 +9370,7 @@ textarea.form-control-lg {
     border-radius: 6px !important;
   }
 }
-img.login-logo {
+.login .login-logo {
   background: #112e51;
   border: 6px solid #112e51;
   border-radius: 4px;
diff --git a/user/plugins/sleeky-backend/assets/css/_base.scss b/user/plugins/sleeky-backend/assets/css/_base.scss
index 27ffa72..b83e476 100644
--- a/user/plugins/sleeky-backend/assets/css/_base.scss
+++ b/user/plugins/sleeky-backend/assets/css/_base.scss
@@ -182,9 +182,9 @@ select:hover {
 
 // End Notification Bar
 
-// 
+//
 // Login page
-// 
+//
 .login {
   #wrap {
     margin: auto;
@@ -199,8 +199,11 @@ select:hover {
     width: 150px;
     margin: 30px auto;
     display: flex;
+    background: #112e51;
+    border: 6px solid #112e51;
+    border-radius: 4px;
+    padding: 4px;
   }
-
   input.text {
     width: 270px !important;
   }
@@ -238,7 +241,7 @@ select:hover {
 
 // End login page
 
-// 
+//
 // Start Index page
 //
 .index {
@@ -428,7 +431,7 @@ select:hover {
     $icons-list: stats, share, edit, delete;
     @each $icon in $icons-list {
       @if $icon == delete {
-        td.actions .button_#{$icon} { 
+        td.actions .button_#{$icon} {
           background: red url(../img/#{$icon}.png) 0px center no-repeat;
           background-size: 23px;
           background-position: center;
@@ -436,14 +439,14 @@ select:hover {
           padding: 3px;
           border-radius: 2px;
 
-          &:hover { 
+          &:hover {
             background: darken(red, 10%) url(../img/#{$icon}.png) 0px center no-repeat;
             background-size: 23px;
             background-position: center;
           }
         }
       } @else {
-        td.actions .button_#{$icon} { 
+        td.actions .button_#{$icon} {
           background: $accent url(../img/#{$icon}.png) 0px center no-repeat;
           background-size: 23px;
           background-position: center;
@@ -451,7 +454,7 @@ select:hover {
           padding: 3px;
           border-radius: 2px;
 
-          &:hover { 
+          &:hover {
             background: darken($accent, 10%) url(../img/#{$icon}.png) 0px center no-repeat;
             background-size: 23px;
             background-position: center;
@@ -465,9 +468,9 @@ select:hover {
 // End index page
 
 
-// 
+//
 // Nav
-// 
+//
 nav {
   background: $default;
   height: 100%;
@@ -546,7 +549,7 @@ header {
 
 //
 // Information
-// 
+//
 #wrap {
   #tabs {
     min-width: 580px;
@@ -616,9 +619,9 @@ header {
   }
 }
 
-// 
+//
 // General Styles
-// 
+//
 
 body.index #wrap {
   padding-top: 50px;
@@ -696,8 +699,8 @@ code {
 
   code,
   tt {
-    background: rgba(0, 123, 255, 0.7);  
-    
+    background: rgba(0, 123, 255, 0.7);
+
     @if ($theme == "light") {
       background: rgba(35, 185, 222, 0.5);
     }
@@ -755,9 +758,9 @@ body > div > pre {
 // End General Styles
 
 
-// 
+//
 // Footer
-// 
+//
 
 #footer {
   position: fixed;
@@ -792,7 +795,7 @@ body > div > pre {
   body.index #wrap {
     padding-top: 210px;
   }
-  
+
   body.tools #wrap,
   body.plugins #wrap,
   body.plugin_page_sleeky_settings #wrap {
@@ -875,21 +878,21 @@ body > div > pre {
         width: 100%;
       }
     }
-    
+
     table.tblSorter {
       min-width: 600px;
 
       // Icons
       $icons-list: stats, share, edit, delete;
       @each $icon in $icons-list {
-        td.actions .button_#{$icon} { 
+        td.actions .button_#{$icon} {
           background-size: 15px;
           margin: 3px;
         }
       }
     }
   }
-  
+
   #copybox {
     width: 100%;
   }
@@ -910,7 +913,7 @@ body > div > pre {
 
   .infos #wrap {
     margin-top: 30px;
-    
+
 
     #headers {
       li {
@@ -945,4 +948,4 @@ body > div > pre {
   body > div > pre {
     padding-left: 20px;
   }
-}
\ No newline at end of file
+}
diff --git a/user/plugins/sleeky-backend/package-lock.json b/user/plugins/sleeky-backend/package-lock.json
index 8e1ddae..7922d22 100644
--- a/user/plugins/sleeky-backend/package-lock.json
+++ b/user/plugins/sleeky-backend/package-lock.json
@@ -1169,7 +1169,6 @@
       "integrity": "sha512-f+Rbqt92Ful9gX0cGtdYwjTrWAaGURgaK5rZCWOgCNyGWusFYHhbqCCBoFBeat+HKETOU02AyTxNhJV0YZf2jQ==",
       "deprecated": "Node Sass is no longer supported. Please use `sass` or `sass-embedded` instead.",
       "hasInstallScript": true,
-      "license": "MIT",
       "dependencies": {
         "async-foreach": "^0.1.3",
         "chalk": "^1.1.1",

From da4763efe9e212a5207097417a2dfbb073796265 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Mon, 22 Dec 2025 11:02:43 -0500
Subject: [PATCH 06/15] UTCT-112: Refine the wordmark bg for local login form.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/assets/sass/styles.scss              |  15 +
 frontend/dist/styles.css                      |   6 -
 .../sleeky-backend/assets/css/_base.scss      | 569 +-----------------
 .../sleeky-backend/assets/css/light.css       |   2 +-
 .../assets/css/themes/light.scss              |   6 +-
 5 files changed, 28 insertions(+), 570 deletions(-)

diff --git a/frontend/assets/sass/styles.scss b/frontend/assets/sass/styles.scss
index d16370a..03f9fdf 100644
--- a/frontend/assets/sass/styles.scss
+++ b/frontend/assets/sass/styles.scss
@@ -82,3 +82,18 @@ $border-radius: 6px;
     }
 }
 
+.login {
+  input.button {
+    font-weight: 600;
+    padding: 10px 25px;
+    margin-top: 15px !important;
+    font-weight: 600;
+
+    @if ($theme == "light") {
+      background: $accent !important;
+    } else {
+      background: $light !important;
+      border-left: 7px solid $accent !important;
+    }
+  }
+}
diff --git a/frontend/dist/styles.css b/frontend/dist/styles.css
index d8997f7..898190f 100644
--- a/frontend/dist/styles.css
+++ b/frontend/dist/styles.css
@@ -9369,10 +9369,4 @@ textarea.form-control-lg {
     width: 100%;
     border-radius: 6px !important;
   }
-}
-.login .login-logo {
-  background: #112e51;
-  border: 6px solid #112e51;
-  border-radius: 4px;
-  padding: 4px;
 }
\ No newline at end of file
diff --git a/user/plugins/sleeky-backend/assets/css/_base.scss b/user/plugins/sleeky-backend/assets/css/_base.scss
index b83e476..2485c6d 100644
--- a/user/plugins/sleeky-backend/assets/css/_base.scss
+++ b/user/plugins/sleeky-backend/assets/css/_base.scss
@@ -1,3 +1,4 @@
+```
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
 
@@ -194,16 +195,18 @@ select:hover {
     font-size: 1em;
     font-weight: 600;
   }
-
   .login-logo {
     width: 150px;
     margin: 30px auto;
     display: flex;
-    background: #112e51;
-    border: 6px solid #112e51;
-    border-radius: 4px;
-    padding: 4px;
+    @if ($theme == "light") {
+        background: #112e51;
+        border: 6px solid #112e51;
+        border-radius: 4px;
+        padding: 4px;
+    }
   }
+
   input.text {
     width: 270px !important;
   }
@@ -394,558 +397,4 @@ select:hover {
       padding: 5px;
       background-color: $light;
       vertical-align: middle;
-      transition: 0.4s all;
-    }
-
-    tbody tr:hover td {
-      background-color: $lightest !important;
-    }
-
-    tbody tr.normal-row td {
-      background: $light;
-    }
-
-    .keyword {
-      border-left: 7px solid $accent;
-    }
-
-    input.text {
-      padding: 5px;
-      margin: 8px 5px !important;
-    }
-
-    .navigation .nav_link a {
-        background: $light;
-        border: none;
-
-        &:hover {
-          background: $lightest;
-        }
-    }
-
-    tr.edit-row td {
-      background: $default !important;
-    }
-
-    // Icons
-    $icons-list: stats, share, edit, delete;
-    @each $icon in $icons-list {
-      @if $icon == delete {
-        td.actions .button_#{$icon} {
-          background: red url(../img/#{$icon}.png) 0px center no-repeat;
-          background-size: 23px;
-          background-position: center;
-          border: none;
-          padding: 3px;
-          border-radius: 2px;
-
-          &:hover {
-            background: darken(red, 10%) url(../img/#{$icon}.png) 0px center no-repeat;
-            background-size: 23px;
-            background-position: center;
-          }
-        }
-      } @else {
-        td.actions .button_#{$icon} {
-          background: $accent url(../img/#{$icon}.png) 0px center no-repeat;
-          background-size: 23px;
-          background-position: center;
-          border: none;
-          padding: 3px;
-          border-radius: 2px;
-
-          &:hover {
-            background: darken($accent, 10%) url(../img/#{$icon}.png) 0px center no-repeat;
-            background-size: 23px;
-            background-position: center;
-          }
-        }
-      }
-    }
-  }
-}
-
-// End index page
-
-
-//
-// Nav
-//
-nav {
-  background: $default;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  padding: 50px 30px;
-  width: 200px;
-  z-index: 10;
-
-  li#admin_menu_logout_link {
-    font-size: 1.3em;
-  }
-
-  ul#admin_menu li:hover {
-    list-style-type: none;
-    color: darken($title, 20%);
-  }
-
-  ul#admin_menu li {
-    color: $title;
-    padding: 5px 0;
-  }
-
-   #admin_menu_logout_link:hover {
-    color: $title !important;
-  }
-
-  .admin_menu_sublevel {
-    font-weight: 100;
-    margin-left: -20px;
-  }
-
-  .material-icons {
-    font-size: 1em;
-    vertical-align: middle;
-    margin-top: -1px;
-  }
-
-  ul {
-    list-style-type: none;
-  }
-}
-
-img.logo {
-  width: 200px;
-  position: fixed;
-  top: 0;
-  left: 0;
-  background: $accent;
-  padding: 12px 35px 13px 25px;
-  z-index: 20;
-}
-
-.nav-open {
-  color: white;
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 30;
-  padding: 10px 15px;
-  cursor: pointer;
-  display: none;
-
-  i {
-    font-size: 2em;
-    line-height: 30px;
-  }
-}
-
-header {
-  display: none;
-}
-
-// End nav
-
-//
-// Information
-//
-#wrap {
-  #tabs {
-    min-width: 580px;
-
-    .tab {
-      background: $light !important;
-    }
-
-    .wrap_unfloat {
-      margin-bottom: -5px;
-    }
-
-    ul#headers {
-      border: none;
-      padding: 0px;
-    }
-
-    li {
-      color: $text;
-    }
-
-    #historical_clicks li:hover {
-      background: darken($default, 10%) !important;
-    }
-
-    ul#headers li a,
-    #stats_lines li a {
-      outline: none;
-      border: none;
-      border-radius: 0;
-      background: $light;
-      color: $text;
-      padding: 10px 15px 7px 25px;
-
-      &:hover {
-        background: darken($default, 10%);
-      }
-
-      h2 {
-        font-weight: 400;
-        font-size: 1em;
-      }
-
-      &.selected {
-        background: $lightest;
-        border-bottom: 2px solid $accent;
-
-        &:hover {
-          background: darken($default, 15%);
-        }
-      }
-    }
-
-    #stats_lines li a {
-      padding: 7px 15px;
-    }
-
-    ul.toggle_display {
-      border: none;
-    }
-
-    svg {
-      ellipse {
-        fill: $accent;
-      }
-    }
-  }
-}
-
-//
-// General Styles
-//
-
-body.index #wrap {
-  padding-top: 50px;
-}
-
-#wrap {
-  background: none;
-  margin-left: 270px;
-  border: none;
-  color: $text;
-  max-width: 100%;
-}
-
-.notice {
-  width: calc(100% - 22px);
-  margin: 0;
-  padding: 0;
-  border-radius: 0;
-  background: $accent;
-  border: 1px solid $accent;
-  padding: 10px;
-
-  p {
-    color: white;
-  }
-}
-
-#shareboxes {
-  margin-top: -10px;
-}
-
-#sharebox {
-  width: 558px;
-  margin-right: 0px;
-}
-
-div.share {
-  background: $default;
-  border-radius: 0;
-  border: none;
-  padding: 0px 20px 10px;
-  margin-top: 10px;
-
-  textarea {
-    background: $light;
-    color: $text;
-    border: none;
-    padding: 3px;
-    outline: none;
-    margin: 1px !important;
-  }
-
-  #charcount {
-    padding-left: 5px;
-    color: $text;
-  }
-
-  #share_links a {
-    color: $text;
-  }
-}
-
-.sub_wrap,
-.plugins main,
-.plugin_page_sleeky_settings main,
-code {
-  background: $default;
-  padding: 10px;
-  padding: 5px 25px;
-  max-width: 100%;
-
-  span  {
-    background: rgba(255, 255, 255, 0.2);
-  }
-
-  code,
-  tt {
-    background: rgba(0, 123, 255, 0.7);
-
-    @if ($theme == "light") {
-      background: rgba(35, 185, 222, 0.5);
-    }
-  }
-
-  a.bookmarklet {
-    border: none;
-    background: #ffffff url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat;
-    color: #3c3c3c;
-    border-radius: 1px;
-    padding: 7px 7px 7px 25px;
-    color: darken(white, 80%) !important;
-
-    &:hover {
-      background: #e0e0e0 url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat;
-    }
-  }
-
-  // Table
-  table.tblSorter {
-    background: $default;
-
-    a {
-      color: $text;
-
-      &:hover {
-        color: darken($text, 30%);
-      }
-    }
-
-    thead tr th,
-    tfoot tr th,
-    th.header {
-      border: none;
-      background-color: $light;
-      padding: 10px;
-    }
-
-    tbody td {
-      background: $lightest;
-      color: $text;
-    }
-  }
-}
-
-#filter_options {
-  padding: 0px 10px !important;
-}
-
-body > div > pre {
-  overflow-x: scroll;
-  padding-left: 290px;
-}
-
-// End General Styles
-
-
-//
-// Footer
-//
-
-#footer {
-  position: fixed;
-  bottom: 0;
-  width: 230px;
-  color: #828282;
-  padding: 10px;
-  text-align: left;
-  z-index: 10;
-
-  p {
-  background: none;
-  border: none;
-  font-size: 1em;
-
-    a {
-      background: none;
-      padding-left: 0;
-      color: $text;
-
-      &:hover {
-        color: #828282;
-      }
-    }
-  }
-}
-
-// End footer
-
-// Mobile styles
-@include for-size(phone-only) {
-  body.index #wrap {
-    padding-top: 210px;
-  }
-
-  body.tools #wrap,
-  body.plugins #wrap,
-  body.plugin_page_sleeky_settings #wrap {
-    padding-top: 50px;
-  }
-  #wrap {
-    margin-left: 0;
-
-    main {
-      overflow-x: scroll;
-    }
-  }
-
-  img.logo {
-    padding: 11px 100% 15px 20px;
-  }
-
-  .nav-open {
-    display: block;
-  }
-
-  nav {
-    height: 0;
-    padding: 0;
-    width: 0;
-
-    ul#admin_menu {
-      position: fixed;
-      top: 0;
-      left: 0;
-      z-index: 9999 !important;
-      width: 100%;
-      height: 100%;
-      padding: 50px;
-      display: none;
-      @if ($theme == "light") {
-        background: $accent;
-      } @else {
-        background: $default;
-      }
-
-      li {
-        color: white;
-      }
-
-      a, a:link, a:active, a:visited {
-        color: white;
-      }
-    }
-  }
-
-  .index {
-    .top {
-      display: block;
-      margin-top: 50px;
-      width: 100vw;
-      height: auto;
-
-      form {
-        margin-left: 0 !important;
-      }
-
-      #new_url_form {
-        min-width: unset;
-        height: auto;
-      }
-
-      .short {
-        padding: 0;
-      }
-
-      #add-url,
-      #add-keyword {
-        width: calc(100% - 10px);
-        margin: 10px 0px !important;
-      }
-
-      input.button {
-        margin: 0 !important;
-        width: 100%;
-      }
-    }
-
-    table.tblSorter {
-      min-width: 600px;
-
-      // Icons
-      $icons-list: stats, share, edit, delete;
-      @each $icon in $icons-list {
-        td.actions .button_#{$icon} {
-          background-size: 15px;
-          margin: 3px;
-        }
-      }
-    }
-  }
-
-  #copybox {
-    width: 100%;
-  }
-
-  .jquery-notify-bar {
-    margin-top: 210px;
-    margin-bottom: -210px;
-    width: calc(100vw - 20px);
-
-    a {
-      margin-left: -30px;
-    }
-  }
-
-  #footer {
-    display: none;
-  }
-
-  .infos #wrap {
-    margin-top: 30px;
-
-
-    #headers {
-      li {
-        margin: 0;
-        display: inline-block;
-      }
-    }
-  }
-
-  .infos #tabs {
-    min-width: initial;
-
-    .tab {
-      overflow: scroll;
-    }
-
-    ul#headers {
-      margin: 20px 0;
-
-      li {
-        a {
-          padding: 10px 5px;
-        }
-
-        h2 {
-          margin: 0;
-        }
-      }
-    }
-  }
-
-  body > div > pre {
-    padding-left: 20px;
-  }
-}
+      transition: 0.4s all
diff --git a/user/plugins/sleeky-backend/assets/css/light.css b/user/plugins/sleeky-backend/assets/css/light.css
index 6f0a831..d357ad8 100644
--- a/user/plugins/sleeky-backend/assets/css/light.css
+++ b/user/plugins/sleeky-backend/assets/css/light.css
@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");@import url("https://fonts.googleapis.com/icon?family=Material+Icons");body{background-color:#efefef;display:inline}div,p,td,input,p{font-family:'Open Sans', sans-serif !important}h1,h2{color:#1d1d1d}p{color:#313131}a,a:link,a:active,a:visited{color:#828282;text-decoration:none}a:hover{color:#000;transition:0.4s all}input{padding:10px;border:none !important;background:#fff !important;color:#313131 !important;font-size:1em !important;outline:none;margin:0px 5px !important;border-radius:0 !important;border-radius:3px !important}input.button,input.submit,input[type="submit"]{border-left:7px solid #112e51 !important;background:#fff !important;font-weight:600;transition:0.3s all !important;cursor:pointer;background:#112e51 !important;border-left:none !important;color:white !important;font-weight:700}input.button:hover,input.submit:hover,input[type="submit"]:hover{background:#040a12 !important;background:#040a12 !important}input[type="button"]:disabled,input[type="submit"]:disabled{cursor:not-allowed}input.text,input[type="text"]{border:1px solid rgba(255,255,255,0.25) !important;transition:0.4s all}select{width:150px;padding:5px 35px 5px 10px;border:none;border-radius:0;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#313131;background:url(data:image/png;base64,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) 96%/15% no-repeat #fff;margin:5px 10px;transition:0.4s all;outline:none}select:hover{background:url(data:image/png;base64,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) 96%/15% no-repeat #fff}#javascript_error{background:red;color:white;padding:20px;margin-top:10px}.jquery-notify-bar{color:#fff;text-shadow:none;border:none;opacity:1;box-shadow:none;font-size:1.1em;font-weight:500;position:static;margin-top:30px;margin-bottom:-45px;padding:10px}.jquery-notify-bar a,.jquery-notify-bar a:link,.jquery-notify-bar a:active,.jquery-notify-bar a:visited{color:white}.jquery-notify-bar.error,.jquery-notify-bar.fail{background-color:#FF9800;color:white}.jquery-notify-bar.success{color:white;background-color:#4CAF50}.login #wrap{margin:auto}.login label{font-size:1em;font-weight:600}.login .login-logo{width:150px;margin:30px auto;display:flex}.login input.text{width:270px !important}.login input.button{font-weight:600;padding:10px 25px;margin-top:15px !important;font-weight:600;background:#112e51 !important}.login input.button else{background:#fff !important;border-left:7px solid #112e51 !important}.login input.button:hover{background:#081627 !important}.login .error{padding:10px;background:#112e51;color:white;position:fixed;top:0;left:0;width:100%;margin:0;text-align:center}.index #add-url{width:200px}.index #new_url_form{box-sizing:border-box;overflow:hidden}.index #new_url{border:none;background:#f7f7f7;text-align:left}.index #new_url input.button{margin-top:10px !important}.index #new_url div{background:#f7f7f7;padding:4px;padding-top:0px}.index .create{background:#112e51 !important;width:150px;font-size:1.3em !important;border:none !important;font-weight:700;text-align:center;margin-top:10px !important;margin-left:20px !important}.index .top{position:absolute;top:0;left:0;width:100vw;height:50px;background:#081627}.index .top label{font-size:1em;font-weight:600;color:#313131;color:#f7f7f7}.index .top input.text{width:360px;padding:4px;font-weight:200;font-size:1em !important;background:#f7f7f7 !important}.index .top .short{padding-left:10px}.index .top #add-keyword{width:100px}.index .top input.button{font-weight:500;padding:5px 10px;font-size:1em !important;margin-left:10px !important;background:#dde6ee !important;background:#f7f7f7 !important;font-weight:700;color:#112e51 !important}.index .top input.button:hover{background:#081627 !important;background:#e6e6e6 !important}.index .top #new_url_form{margin-left:260px;padding:12px}.index table.tblSorter{background-color:#f7f7f7;color:#313131}.index table.tblSorter a{color:#313131}.index table.tblSorter small a{color:gray}.index table.tblSorter thead tr .tablesorter-header{padding:10px}.index table.tblSorter tfoot tr{background-color:#f7f7f7}.index table.tblSorter thead tr th,.index table.tblSorter tfoot tr th,.index table.tblSorter th.header{background-color:transparent;border:none;padding:4px}.index table.tblSorter thead tr .tablesorter-headerAsc,.index table.tblSorter thead tr .tablesorter-headerDesc{background-color:#dde6ee !important}.index table.tblSorter tbody td{color:#313131;padding:5px;background-color:#fff;vertical-align:middle;transition:0.4s all}.index table.tblSorter tbody tr:hover td{background-color:#dde6ee !important}.index table.tblSorter tbody tr.normal-row td{background:#fff}.index table.tblSorter .keyword{border-left:7px solid #112e51}.index table.tblSorter input.text{padding:5px;margin:8px 5px !important}.index table.tblSorter .navigation .nav_link a{background:#fff;border:none}.index table.tblSorter .navigation .nav_link a:hover{background:#dde6ee}.index table.tblSorter tr.edit-row td{background:#f7f7f7 !important}.index table.tblSorter td.actions .button_stats{background:#112e51 url(../img/stats.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_stats:hover{background:#081627 url(../img/stats.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_share{background:#112e51 url(../img/share.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_share:hover{background:#081627 url(../img/share.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_edit{background:#112e51 url(../img/edit.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_edit:hover{background:#081627 url(../img/edit.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_delete{background:red url(../img/delete.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_delete:hover{background:#c00 url(../img/delete.png) 0px center no-repeat;background-size:23px;background-position:center}nav{background:#f7f7f7;height:100%;position:fixed;top:0;left:0;padding:50px 30px;width:200px;z-index:10}nav li#admin_menu_logout_link{font-size:1.3em}nav ul#admin_menu li:hover{list-style-type:none;color:#000}nav ul#admin_menu li{color:#1d1d1d;padding:5px 0}nav #admin_menu_logout_link:hover{color:#1d1d1d !important}nav .admin_menu_sublevel{font-weight:100;margin-left:-20px}nav .material-icons{font-size:1em;vertical-align:middle;margin-top:-1px}nav ul{list-style-type:none}img.logo{width:200px;position:fixed;top:0;left:0;background:#112e51;padding:12px 35px 13px 25px;z-index:20}.nav-open{color:white;position:fixed;top:0;right:0;z-index:30;padding:10px 15px;cursor:pointer;display:none}.nav-open i{font-size:2em;line-height:30px}header{display:none}#wrap #tabs{min-width:580px}#wrap #tabs .tab{background:#fff !important}#wrap #tabs .wrap_unfloat{margin-bottom:-5px}#wrap #tabs ul#headers{border:none;padding:0px}#wrap #tabs li{color:#313131}#wrap #tabs #historical_clicks li:hover{background:#dedede !important}#wrap #tabs ul#headers li a,#wrap #tabs #stats_lines li a{outline:none;border:none;border-radius:0;background:#fff;color:#313131;padding:10px 15px 7px 25px}#wrap #tabs ul#headers li a:hover,#wrap #tabs #stats_lines li a:hover{background:#dedede}#wrap #tabs ul#headers li a h2,#wrap #tabs #stats_lines li a h2{font-weight:400;font-size:1em}#wrap #tabs ul#headers li a.selected,#wrap #tabs #stats_lines li a.selected{background:#dde6ee;border-bottom:2px solid #112e51}#wrap #tabs ul#headers li a.selected:hover,#wrap #tabs #stats_lines li a.selected:hover{background:#d1d1d1}#wrap #tabs #stats_lines li a{padding:7px 15px}#wrap #tabs ul.toggle_display{border:none}#wrap #tabs svg ellipse{fill:#112e51}body.index #wrap{padding-top:50px}#wrap{background:none;margin-left:270px;border:none;color:#313131;max-width:100%}.notice{width:calc(100% - 22px);margin:0;padding:0;border-radius:0;background:#112e51;border:1px solid #112e51;padding:10px}.notice p{color:white}#shareboxes{margin-top:-10px}#sharebox{width:558px;margin-right:0px}div.share{background:#f7f7f7;border-radius:0;border:none;padding:0px 20px 10px;margin-top:10px}div.share textarea{background:#fff;color:#313131;border:none;padding:3px;outline:none;margin:1px !important}div.share #charcount{padding-left:5px;color:#313131}div.share #share_links a{color:#313131}.sub_wrap,.plugins main,.plugin_page_sleeky_settings main,code{background:#f7f7f7;padding:10px;padding:5px 25px;max-width:100%}.sub_wrap span,.plugins main span,.plugin_page_sleeky_settings main span,code span{background:rgba(255,255,255,0.2)}.sub_wrap code,.sub_wrap tt,.plugins main code,.plugins main tt,.plugin_page_sleeky_settings main code,.plugin_page_sleeky_settings main tt,code code,code tt{background:rgba(0,123,255,0.7);background:rgba(35,185,222,0.5)}.sub_wrap a.bookmarklet,.plugins main a.bookmarklet,.plugin_page_sleeky_settings main a.bookmarklet,code a.bookmarklet{border:none;background:#fff url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat;color:#3c3c3c;border-radius:1px;padding:7px 7px 7px 25px;color:#333 !important}.sub_wrap a.bookmarklet:hover,.plugins main a.bookmarklet:hover,.plugin_page_sleeky_settings main a.bookmarklet:hover,code a.bookmarklet:hover{background:#e0e0e0 url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat}.sub_wrap table.tblSorter,.plugins main table.tblSorter,.plugin_page_sleeky_settings main table.tblSorter,code table.tblSorter{background:#f7f7f7}.sub_wrap table.tblSorter a,.plugins main table.tblSorter a,.plugin_page_sleeky_settings main table.tblSorter a,code table.tblSorter a{color:#313131}.sub_wrap table.tblSorter a:hover,.plugins main table.tblSorter a:hover,.plugin_page_sleeky_settings main table.tblSorter a:hover,code table.tblSorter a:hover{color:#000}.sub_wrap table.tblSorter thead tr th,.sub_wrap table.tblSorter tfoot tr th,.sub_wrap table.tblSorter th.header,.plugins main table.tblSorter thead tr th,.plugins main table.tblSorter tfoot tr th,.plugins main table.tblSorter th.header,.plugin_page_sleeky_settings main table.tblSorter thead tr th,.plugin_page_sleeky_settings main table.tblSorter tfoot tr th,.plugin_page_sleeky_settings main table.tblSorter th.header,code table.tblSorter thead tr th,code table.tblSorter tfoot tr th,code table.tblSorter th.header{border:none;background-color:#fff;padding:10px}.sub_wrap table.tblSorter tbody td,.plugins main table.tblSorter tbody td,.plugin_page_sleeky_settings main table.tblSorter tbody td,code table.tblSorter tbody td{background:#dde6ee;color:#313131}#filter_options{padding:0px 10px !important}body>div>pre{overflow-x:scroll;padding-left:290px}#footer{position:fixed;bottom:0;width:230px;color:#828282;padding:10px;text-align:left;z-index:10}#footer p{background:none;border:none;font-size:1em}#footer p a{background:none;padding-left:0;color:#313131}#footer p a:hover{color:#828282}@media (max-width: 899px){body.index #wrap{padding-top:210px}body.tools #wrap,body.plugins #wrap,body.plugin_page_sleeky_settings #wrap{padding-top:50px}#wrap{margin-left:0}#wrap main{overflow-x:scroll}img.logo{padding:11px 100% 15px 20px}.nav-open{display:block}nav{height:0;padding:0;width:0}nav ul#admin_menu{position:fixed;top:0;left:0;z-index:9999 !important;width:100%;height:100%;padding:50px;display:none;background:#112e51}nav ul#admin_menu li{color:white}nav ul#admin_menu a,nav ul#admin_menu a:link,nav ul#admin_menu a:active,nav ul#admin_menu a:visited{color:white}.index .top{display:block;margin-top:50px;width:100vw;height:auto}.index .top form{margin-left:0 !important}.index .top #new_url_form{min-width:unset;height:auto}.index .top .short{padding:0}.index .top #add-url,.index .top #add-keyword{width:calc(100% - 10px);margin:10px 0px !important}.index .top input.button{margin:0 !important;width:100%}.index table.tblSorter{min-width:600px}.index table.tblSorter td.actions .button_stats{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_share{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_edit{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_delete{background-size:15px;margin:3px}#copybox{width:100%}.jquery-notify-bar{margin-top:210px;margin-bottom:-210px;width:calc(100vw - 20px)}.jquery-notify-bar a{margin-left:-30px}#footer{display:none}.infos #wrap{margin-top:30px}.infos #wrap #headers li{margin:0;display:inline-block}.infos #tabs{min-width:initial}.infos #tabs .tab{overflow:scroll}.infos #tabs ul#headers{margin:20px 0}.infos #tabs ul#headers li a{padding:10px 5px}.infos #tabs ul#headers li h2{margin:0}body>div>pre{padding-left:20px}}
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");@import url("https://fonts.googleapis.com/icon?family=Material+Icons");body{background-color:#efefef;display:inline}div,p,td,input,p{font-family:'Open Sans', sans-serif !important}h1,h2{color:#1d1d1d}p{color:#313131}a,a:link,a:active,a:visited{color:#828282;text-decoration:none}a:hover{color:#000;transition:0.4s all}input{padding:10px;border:none !important;background:#fff !important;color:#313131 !important;font-size:1em !important;outline:none;margin:0px 5px !important;border-radius:0 !important;border-radius:3px !important}input.button,input.submit,input[type="submit"]{border-left:7px solid #112e51 !important;background:#fff !important;font-weight:600;transition:0.3s all !important;cursor:pointer;background:#112e51 !important;border-left:none !important;color:white !important;font-weight:700}input.button:hover,input.submit:hover,input[type="submit"]:hover{background:#040a12 !important;background:#040a12 !important}input[type="button"]:disabled,input[type="submit"]:disabled{cursor:not-allowed}input.text,input[type="text"]{border:1px solid rgba(255,255,255,0.25) !important;transition:0.4s all}select{width:150px;padding:5px 35px 5px 10px;border:none;border-radius:0;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#313131;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAeCAYAAADZ7LXbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAKRJREFUeNrs1TEKwkAQheEvIoI2nsk7qFdIq1hoJ3gCC5sUVpY23sDKXnvrYOUBbGITG0kQjQriPlgYhmF/3ryFjbIs82nVfEEBEiAB8k+Q+q1IkqSDNVq4lMy3scIkjuP0FSdbjNHMLys6OwyQVlnXEsOS2QP6OL8jkzlmd70jus86eBT8FIu8PqGXg6oFX6ARGthgX+V1ReFnDJAACZAfhFwHAJI7HF2lZGQaAAAAAElFTkSuQmCC) 96%/15% no-repeat #fff;margin:5px 10px;transition:0.4s all;outline:none}select:hover{background:url(data:image/png;base64,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) 96%/15% no-repeat #fff}#javascript_error{background:red;color:white;padding:20px;margin-top:10px}.jquery-notify-bar{color:#fff;text-shadow:none;border:none;opacity:1;box-shadow:none;font-size:1.1em;font-weight:500;position:static;margin-top:30px;margin-bottom:-45px;padding:10px}.jquery-notify-bar a,.jquery-notify-bar a:link,.jquery-notify-bar a:active,.jquery-notify-bar a:visited{color:white}.jquery-notify-bar.error,.jquery-notify-bar.fail{background-color:#FF9800;color:white}.jquery-notify-bar.success{color:white;background-color:#4CAF50}.login #wrap{margin:auto}.login label{font-size:1em;font-weight:600}.login .login-logo{width:150px;margin:30px auto;display:flex;background:#112e51;border:6px solid #112e51;border-radius:4px;padding:4px}.login input.text{width:270px !important}.login input.button{font-weight:600;padding:10px 25px;margin-top:15px !important;font-weight:600;background:#112e51 !important}.login input.button else{background:#fff !important;border-left:7px solid #112e51 !important}.login input.button:hover{background:#081627 !important}.login .error{padding:10px;background:#112e51;color:white;position:fixed;top:0;left:0;width:100%;margin:0;text-align:center}.index #add-url{width:200px}.index #new_url_form{box-sizing:border-box;overflow:hidden}.index #new_url{border:none;background:#f7f7f7;text-align:left}.index #new_url input.button{margin-top:10px !important}.index #new_url div{background:#f7f7f7;padding:4px;padding-top:0px}.index .create{background:#112e51 !important;width:150px;font-size:1.3em !important;border:none !important;font-weight:700;text-align:center;margin-top:10px !important;margin-left:20px !important}.index .top{position:absolute;top:0;left:0;width:100vw;height:50px;background:#081627}.index .top label{font-size:1em;font-weight:600;color:#313131;color:#f7f7f7}.index .top input.text{width:360px;padding:4px;font-weight:200;font-size:1em !important;background:#f7f7f7 !important}.index .top .short{padding-left:10px}.index .top #add-keyword{width:100px}.index .top input.button{font-weight:500;padding:5px 10px;font-size:1em !important;margin-left:10px !important;background:#dde6ee !important;background:#f7f7f7 !important;font-weight:700;color:#112e51 !important}.index .top input.button:hover{background:#081627 !important;background:#e6e6e6 !important}.index .top #new_url_form{margin-left:260px;padding:12px}.index table.tblSorter{background-color:#f7f7f7;color:#313131}.index table.tblSorter a{color:#313131}.index table.tblSorter small a{color:gray}.index table.tblSorter thead tr .tablesorter-header{padding:10px}.index table.tblSorter tfoot tr{background-color:#f7f7f7}.index table.tblSorter thead tr th,.index table.tblSorter tfoot tr th,.index table.tblSorter th.header{background-color:transparent;border:none;padding:4px}.index table.tblSorter thead tr .tablesorter-headerAsc,.index table.tblSorter thead tr .tablesorter-headerDesc{background-color:#dde6ee !important}.index table.tblSorter tbody td{color:#313131;padding:5px;background-color:#fff;vertical-align:middle;transition:0.4s all}.index table.tblSorter tbody tr:hover td{background-color:#dde6ee !important}.index table.tblSorter tbody tr.normal-row td{background:#fff}.index table.tblSorter .keyword{border-left:7px solid #112e51}.index table.tblSorter input.text{padding:5px;margin:8px 5px !important}.index table.tblSorter .navigation .nav_link a{background:#fff;border:none}.index table.tblSorter .navigation .nav_link a:hover{background:#dde6ee}.index table.tblSorter tr.edit-row td{background:#f7f7f7 !important}.index table.tblSorter td.actions .button_stats{background:#112e51 url(../img/stats.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_stats:hover{background:#081627 url(../img/stats.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_share{background:#112e51 url(../img/share.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_share:hover{background:#081627 url(../img/share.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_edit{background:#112e51 url(../img/edit.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_edit:hover{background:#081627 url(../img/edit.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_delete{background:red url(../img/delete.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_delete:hover{background:#c00 url(../img/delete.png) 0px center no-repeat;background-size:23px;background-position:center}nav{background:#f7f7f7;height:100%;position:fixed;top:0;left:0;padding:50px 30px;width:200px;z-index:10}nav li#admin_menu_logout_link{font-size:1.3em}nav ul#admin_menu li:hover{list-style-type:none;color:#000}nav ul#admin_menu li{color:#1d1d1d;padding:5px 0}nav #admin_menu_logout_link:hover{color:#1d1d1d !important}nav .admin_menu_sublevel{font-weight:100;margin-left:-20px}nav .material-icons{font-size:1em;vertical-align:middle;margin-top:-1px}nav ul{list-style-type:none}img.logo{width:200px;position:fixed;top:0;left:0;background:#112e51;padding:12px 35px 13px 25px;z-index:20}.nav-open{color:white;position:fixed;top:0;right:0;z-index:30;padding:10px 15px;cursor:pointer;display:none}.nav-open i{font-size:2em;line-height:30px}header{display:none}#wrap #tabs{min-width:580px}#wrap #tabs .tab{background:#fff !important}#wrap #tabs .wrap_unfloat{margin-bottom:-5px}#wrap #tabs ul#headers{border:none;padding:0px}#wrap #tabs li{color:#313131}#wrap #tabs #historical_clicks li:hover{background:#dedede !important}#wrap #tabs ul#headers li a,#wrap #tabs #stats_lines li a{outline:none;border:none;border-radius:0;background:#fff;color:#313131;padding:10px 15px 7px 25px}#wrap #tabs ul#headers li a:hover,#wrap #tabs #stats_lines li a:hover{background:#dedede}#wrap #tabs ul#headers li a h2,#wrap #tabs #stats_lines li a h2{font-weight:400;font-size:1em}#wrap #tabs ul#headers li a.selected,#wrap #tabs #stats_lines li a.selected{background:#dde6ee;border-bottom:2px solid #112e51}#wrap #tabs ul#headers li a.selected:hover,#wrap #tabs #stats_lines li a.selected:hover{background:#d1d1d1}#wrap #tabs #stats_lines li a{padding:7px 15px}#wrap #tabs ul.toggle_display{border:none}#wrap #tabs svg ellipse{fill:#112e51}body.index #wrap{padding-top:50px}#wrap{background:none;margin-left:270px;border:none;color:#313131;max-width:100%}.notice{width:calc(100% - 22px);margin:0;padding:0;border-radius:0;background:#112e51;border:1px solid #112e51;padding:10px}.notice p{color:white}#shareboxes{margin-top:-10px}#sharebox{width:558px;margin-right:0px}div.share{background:#f7f7f7;border-radius:0;border:none;padding:0px 20px 10px;margin-top:10px}div.share textarea{background:#fff;color:#313131;border:none;padding:3px;outline:none;margin:1px !important}div.share #charcount{padding-left:5px;color:#313131}div.share #share_links a{color:#313131}.sub_wrap,.plugins main,.plugin_page_sleeky_settings main,code{background:#f7f7f7;padding:10px;padding:5px 25px;max-width:100%}.sub_wrap span,.plugins main span,.plugin_page_sleeky_settings main span,code span{background:rgba(255,255,255,0.2)}.sub_wrap code,.sub_wrap tt,.plugins main code,.plugins main tt,.plugin_page_sleeky_settings main code,.plugin_page_sleeky_settings main tt,code code,code tt{background:rgba(0,123,255,0.7);background:rgba(35,185,222,0.5)}.sub_wrap a.bookmarklet,.plugins main a.bookmarklet,.plugin_page_sleeky_settings main a.bookmarklet,code a.bookmarklet{border:none;background:#fff url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat;color:#3c3c3c;border-radius:1px;padding:7px 7px 7px 25px;color:#333 !important}.sub_wrap a.bookmarklet:hover,.plugins main a.bookmarklet:hover,.plugin_page_sleeky_settings main a.bookmarklet:hover,code a.bookmarklet:hover{background:#e0e0e0 url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat}.sub_wrap table.tblSorter,.plugins main table.tblSorter,.plugin_page_sleeky_settings main table.tblSorter,code table.tblSorter{background:#f7f7f7}.sub_wrap table.tblSorter a,.plugins main table.tblSorter a,.plugin_page_sleeky_settings main table.tblSorter a,code table.tblSorter a{color:#313131}.sub_wrap table.tblSorter a:hover,.plugins main table.tblSorter a:hover,.plugin_page_sleeky_settings main table.tblSorter a:hover,code table.tblSorter a:hover{color:#000}.sub_wrap table.tblSorter thead tr th,.sub_wrap table.tblSorter tfoot tr th,.sub_wrap table.tblSorter th.header,.plugins main table.tblSorter thead tr th,.plugins main table.tblSorter tfoot tr th,.plugins main table.tblSorter th.header,.plugin_page_sleeky_settings main table.tblSorter thead tr th,.plugin_page_sleeky_settings main table.tblSorter tfoot tr th,.plugin_page_sleeky_settings main table.tblSorter th.header,code table.tblSorter thead tr th,code table.tblSorter tfoot tr th,code table.tblSorter th.header{border:none;background-color:#fff;padding:10px}.sub_wrap table.tblSorter tbody td,.plugins main table.tblSorter tbody td,.plugin_page_sleeky_settings main table.tblSorter tbody td,code table.tblSorter tbody td{background:#dde6ee;color:#313131}#filter_options{padding:0px 10px !important}body>div>pre{overflow-x:scroll;padding-left:290px}#footer{position:fixed;bottom:0;width:230px;color:#828282;padding:10px;text-align:left;z-index:10}#footer p{background:none;border:none;font-size:1em}#footer p a{background:none;padding-left:0;color:#313131}#footer p a:hover{color:#828282}@media (max-width: 899px){body.index #wrap{padding-top:210px}body.tools #wrap,body.plugins #wrap,body.plugin_page_sleeky_settings #wrap{padding-top:50px}#wrap{margin-left:0}#wrap main{overflow-x:scroll}img.logo{padding:11px 100% 15px 20px}.nav-open{display:block}nav{height:0;padding:0;width:0}nav ul#admin_menu{position:fixed;top:0;left:0;z-index:9999 !important;width:100%;height:100%;padding:50px;display:none;background:#112e51}nav ul#admin_menu li{color:white}nav ul#admin_menu a,nav ul#admin_menu a:link,nav ul#admin_menu a:active,nav ul#admin_menu a:visited{color:white}.index .top{display:block;margin-top:50px;width:100vw;height:auto}.index .top form{margin-left:0 !important}.index .top #new_url_form{min-width:unset;height:auto}.index .top .short{padding:0}.index .top #add-url,.index .top #add-keyword{width:calc(100% - 10px);margin:10px 0px !important}.index .top input.button{margin:0 !important;width:100%}.index table.tblSorter{min-width:600px}.index table.tblSorter td.actions .button_stats{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_share{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_edit{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_delete{background-size:15px;margin:3px}#copybox{width:100%}.jquery-notify-bar{margin-top:210px;margin-bottom:-210px;width:calc(100vw - 20px)}.jquery-notify-bar a{margin-left:-30px}#footer{display:none}.infos #wrap{margin-top:30px}.infos #wrap #headers li{margin:0;display:inline-block}.infos #tabs{min-width:initial}.infos #tabs .tab{overflow:scroll}.infos #tabs ul#headers{margin:20px 0}.infos #tabs ul#headers li a{padding:10px 5px}.infos #tabs ul#headers li h2{margin:0}body>div>pre{padding-left:20px}}
diff --git a/user/plugins/sleeky-backend/assets/css/themes/light.scss b/user/plugins/sleeky-backend/assets/css/themes/light.scss
index 7d9331e..8d8b3ba 100644
--- a/user/plugins/sleeky-backend/assets/css/themes/light.scss
+++ b/user/plugins/sleeky-backend/assets/css/themes/light.scss
@@ -11,12 +11,12 @@ $darker:   #efefef;
 $darkest:  #161616;
 
 // Main Base Accent color
-$accent:    #112e51;
-// $accent_secondary:  black;
+$accent:   #112e51;
+$accent_secondary:  black;
 
 // Text colours
 $title:    #1d1d1d;
 $text:     #313131;
 
 // Import the base styles
-@import "../base.scss";
\ No newline at end of file
+@import "../base.scss";

From cdc74cd0bae04ce89c745c47c958231142f67e43 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Mon, 22 Dec 2025 16:05:44 -0500
Subject: [PATCH 07/15] UTCT-235: Refine styles and add normal login
 improvement.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/assets/sass/styles.scss              | 34 +++++------
 frontend/dist/styles.css                      |  4 +-
 index.php                                     | 58 ++-----------------
 .../sleeky-backend/assets/css/light.css       |  2 +-
 4 files changed, 20 insertions(+), 78 deletions(-)

diff --git a/frontend/assets/sass/styles.scss b/frontend/assets/sass/styles.scss
index a9efa8a..ba33b05 100644
--- a/frontend/assets/sass/styles.scss
+++ b/frontend/assets/sass/styles.scss
@@ -82,26 +82,18 @@ $border-radius: 6px;
     }
 }
 
-/* Extra styling for the skip link when it becomes visible */
-.skip-link {
-    background-color: #0d6efd; /* Bootstrap primary */
-    color: #fff;
-    padding: 0.5rem 1rem;
-    text-decoration: none;
-    position: absolute;
-    top: 0.5rem;
-    left: 0.5rem;
-    z-index: 1050;
-}
-
-.skip-link:focus {
-    outline: 3px solid #ffc107;
-}
+.login {
+    input.button {
+        font-weight: 600;
+        padding: 10px 25px;
+        margin-top: 15px !important;
+        font-weight: 600;
 
-/* Highlight the "Customize Link" toggle when it has keyboard focus */
-.btn.btn-link:focus,
-.btn.btn-link:focus-visible {
-    outline: 3px solid #ffc107 !important;        // strong yellow outline
-    outline-offset: 2px;
-    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, .5) !important;
+        @if ($theme == "light") {
+            background: $accent !important;
+        } else {
+        background: $light !important;
+        border-left: 7px solid $accent !important;
+    }
+    }
 }
diff --git a/frontend/dist/styles.css b/frontend/dist/styles.css
index f961e31..4422acd 100644
--- a/frontend/dist/styles.css
+++ b/frontend/dist/styles.css
@@ -9387,8 +9387,8 @@ textarea.form-control-lg {
 }
 
 /* Highlight the "Customize Link" toggle when it has keyboard focus */
-.btn.btn-customize-link:focus,
-.btn.btn-customize-link:focus-visible {
+.btn.btn-link:focus,
+.btn.btn-link:focus-visible {
   outline: 3px solid #ffc107 !important;
   outline-offset: 2px;
   box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5) !important;
diff --git a/index.php b/index.php
index eed8e3e..51f7c1f 100644
--- a/index.php
+++ b/index.php
@@ -84,22 +84,6 @@ function shorten()
 <?php include 'frontend/header.php'; ?>
 
 <body>
-<script>
-    document.addEventListener('DOMContentLoaded', function () {
-        var customiseLink = document.getElementById('customise-link');
-        if (!customiseLink) return;
-
-        customiseLink.addEventListener('shown.bs.collapse', function () {
-            var keywordInput = document.getElementById('keyword');
-            if (keywordInput) {
-                keywordInput.focus();
-            }
-        });
-    });
-</script>
-<a href="#long-url" class="visually-hidden-focusable skip-link">
-  Skip to Long URL input field
-</a>
 <div class="container-fluid h-100">
     <div class="row justify-content-center align-items-center h-100">
         <div class="col-12 col-lg-10 col-xl-8 col-xxl-5 mt-5">
@@ -142,52 +126,18 @@ function shorten()
 
                         <form id="shortenlink" method="post" action="">
                             <div class="input-group input-group-block mt-4 mb-3">
-                                <label for="long-url" class="form-label visually-hidden-focusable">Long URL</label>
-
-                                <input
-                                    type="url"
-                                    name="url"
-                                    id="long-url"
-                                    class="form-control text-uppercase"
-                                    placeholder="PASTE URL, SHORTEN and SHARE"
-                                    aria-label="PASTE URL, SHORTEN &amp; SHARE"
-                                    aria-describedby="shorten-button"
-                                    required
-                                    tabindex="1"
-                                >
-                                <input
-                                    class="btn btn-primary text-uppercase py-2 px-4 mt-2 mt-md-0"
-                                    type="submit"
-                                    id="shorten-button"
-                                    value="Shorten"
-                                    tabindex="4"
-                                />
+                                <input type="url" name="url" id="url" class="form-control text-uppercase" placeholder="PASTE URL, SHORTEN and SHARE" aria-label="PASTE URL, SHORTEN &amp; SHARE" aria-describedby="shorten-button" required>
+                                <input class="btn btn-primary text-uppercase py-2 px-4 mt-2 mt-md-0" type="submit" id="shorten-button" value="Shorten" />
                             </div>
                             <?php if (defined('enableCustomURL') && enableCustomURL): ?>
-                                <a
-                                    class="btn btn-sm btn-white btn-link btn-customize-link text-black-50 text-uppercase"
-                                    data-bs-toggle="collapse"
-                                    href="#customise-link"
-                                    role="button"
-                                    aria-expanded="false"
-                                    aria-controls="customise-link"
-                                    tabindex="2"
-                                >
+                                <a class="btn btn-sm btn-white text-black-50 text-uppercase" data-bs-toggle="collapse" href="#customise-link" role="button" aria-expanded="false" aria-controls="customise-link">
                                     <img src="<?php echo YOURLS_SITE ?>/frontend/assets/svg/custom-url.svg" alt="Options"> Customize Link
                                 </a>
                                 <div class="collapse" id="customise-link">
                                     <div class="mt-2 card card-body">
                                         <div class="d-flex  align-items-center">
                                             <span class="me-2"><?php echo preg_replace("(^https?://)", "", YOURLS_SITE); ?>/</span>
-                                            <input
-                                                type="text"
-                                                id="keyword"
-                                                name="keyword"
-                                                class="form-control form-control-sm text-uppercase"
-                                                placeholder="CUSTOM URL"
-                                                aria-label="CUSTOM URL"
-                                                tabindex="3"
-                                            >
+                                            <input type="text" name="keyword" class="form-control form-control-sm text-uppercase" placeholder="CUSTOM URL" aria-label="CUSTOM URL">
                                         </div>
                                     </div>
                                 </div>
diff --git a/user/plugins/sleeky-backend/assets/css/light.css b/user/plugins/sleeky-backend/assets/css/light.css
index 6f0a831..d357ad8 100644
--- a/user/plugins/sleeky-backend/assets/css/light.css
+++ b/user/plugins/sleeky-backend/assets/css/light.css
@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");@import url("https://fonts.googleapis.com/icon?family=Material+Icons");body{background-color:#efefef;display:inline}div,p,td,input,p{font-family:'Open Sans', sans-serif !important}h1,h2{color:#1d1d1d}p{color:#313131}a,a:link,a:active,a:visited{color:#828282;text-decoration:none}a:hover{color:#000;transition:0.4s all}input{padding:10px;border:none !important;background:#fff !important;color:#313131 !important;font-size:1em !important;outline:none;margin:0px 5px !important;border-radius:0 !important;border-radius:3px !important}input.button,input.submit,input[type="submit"]{border-left:7px solid #112e51 !important;background:#fff !important;font-weight:600;transition:0.3s all !important;cursor:pointer;background:#112e51 !important;border-left:none !important;color:white !important;font-weight:700}input.button:hover,input.submit:hover,input[type="submit"]:hover{background:#040a12 !important;background:#040a12 !important}input[type="button"]:disabled,input[type="submit"]:disabled{cursor:not-allowed}input.text,input[type="text"]{border:1px solid rgba(255,255,255,0.25) !important;transition:0.4s all}select{width:150px;padding:5px 35px 5px 10px;border:none;border-radius:0;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#313131;background:url(data:image/png;base64,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) 96%/15% no-repeat #fff;margin:5px 10px;transition:0.4s all;outline:none}select:hover{background:url(data:image/png;base64,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) 96%/15% no-repeat #fff}#javascript_error{background:red;color:white;padding:20px;margin-top:10px}.jquery-notify-bar{color:#fff;text-shadow:none;border:none;opacity:1;box-shadow:none;font-size:1.1em;font-weight:500;position:static;margin-top:30px;margin-bottom:-45px;padding:10px}.jquery-notify-bar a,.jquery-notify-bar a:link,.jquery-notify-bar a:active,.jquery-notify-bar a:visited{color:white}.jquery-notify-bar.error,.jquery-notify-bar.fail{background-color:#FF9800;color:white}.jquery-notify-bar.success{color:white;background-color:#4CAF50}.login #wrap{margin:auto}.login label{font-size:1em;font-weight:600}.login .login-logo{width:150px;margin:30px auto;display:flex}.login input.text{width:270px !important}.login input.button{font-weight:600;padding:10px 25px;margin-top:15px !important;font-weight:600;background:#112e51 !important}.login input.button else{background:#fff !important;border-left:7px solid #112e51 !important}.login input.button:hover{background:#081627 !important}.login .error{padding:10px;background:#112e51;color:white;position:fixed;top:0;left:0;width:100%;margin:0;text-align:center}.index #add-url{width:200px}.index #new_url_form{box-sizing:border-box;overflow:hidden}.index #new_url{border:none;background:#f7f7f7;text-align:left}.index #new_url input.button{margin-top:10px !important}.index #new_url div{background:#f7f7f7;padding:4px;padding-top:0px}.index .create{background:#112e51 !important;width:150px;font-size:1.3em !important;border:none !important;font-weight:700;text-align:center;margin-top:10px !important;margin-left:20px !important}.index .top{position:absolute;top:0;left:0;width:100vw;height:50px;background:#081627}.index .top label{font-size:1em;font-weight:600;color:#313131;color:#f7f7f7}.index .top input.text{width:360px;padding:4px;font-weight:200;font-size:1em !important;background:#f7f7f7 !important}.index .top .short{padding-left:10px}.index .top #add-keyword{width:100px}.index .top input.button{font-weight:500;padding:5px 10px;font-size:1em !important;margin-left:10px !important;background:#dde6ee !important;background:#f7f7f7 !important;font-weight:700;color:#112e51 !important}.index .top input.button:hover{background:#081627 !important;background:#e6e6e6 !important}.index .top #new_url_form{margin-left:260px;padding:12px}.index table.tblSorter{background-color:#f7f7f7;color:#313131}.index table.tblSorter a{color:#313131}.index table.tblSorter small a{color:gray}.index table.tblSorter thead tr .tablesorter-header{padding:10px}.index table.tblSorter tfoot tr{background-color:#f7f7f7}.index table.tblSorter thead tr th,.index table.tblSorter tfoot tr th,.index table.tblSorter th.header{background-color:transparent;border:none;padding:4px}.index table.tblSorter thead tr .tablesorter-headerAsc,.index table.tblSorter thead tr .tablesorter-headerDesc{background-color:#dde6ee !important}.index table.tblSorter tbody td{color:#313131;padding:5px;background-color:#fff;vertical-align:middle;transition:0.4s all}.index table.tblSorter tbody tr:hover td{background-color:#dde6ee !important}.index table.tblSorter tbody tr.normal-row td{background:#fff}.index table.tblSorter .keyword{border-left:7px solid #112e51}.index table.tblSorter input.text{padding:5px;margin:8px 5px !important}.index table.tblSorter .navigation .nav_link a{background:#fff;border:none}.index table.tblSorter .navigation .nav_link a:hover{background:#dde6ee}.index table.tblSorter tr.edit-row td{background:#f7f7f7 !important}.index table.tblSorter td.actions .button_stats{background:#112e51 url(../img/stats.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_stats:hover{background:#081627 url(../img/stats.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_share{background:#112e51 url(../img/share.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_share:hover{background:#081627 url(../img/share.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_edit{background:#112e51 url(../img/edit.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_edit:hover{background:#081627 url(../img/edit.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_delete{background:red url(../img/delete.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_delete:hover{background:#c00 url(../img/delete.png) 0px center no-repeat;background-size:23px;background-position:center}nav{background:#f7f7f7;height:100%;position:fixed;top:0;left:0;padding:50px 30px;width:200px;z-index:10}nav li#admin_menu_logout_link{font-size:1.3em}nav ul#admin_menu li:hover{list-style-type:none;color:#000}nav ul#admin_menu li{color:#1d1d1d;padding:5px 0}nav #admin_menu_logout_link:hover{color:#1d1d1d !important}nav .admin_menu_sublevel{font-weight:100;margin-left:-20px}nav .material-icons{font-size:1em;vertical-align:middle;margin-top:-1px}nav ul{list-style-type:none}img.logo{width:200px;position:fixed;top:0;left:0;background:#112e51;padding:12px 35px 13px 25px;z-index:20}.nav-open{color:white;position:fixed;top:0;right:0;z-index:30;padding:10px 15px;cursor:pointer;display:none}.nav-open i{font-size:2em;line-height:30px}header{display:none}#wrap #tabs{min-width:580px}#wrap #tabs .tab{background:#fff !important}#wrap #tabs .wrap_unfloat{margin-bottom:-5px}#wrap #tabs ul#headers{border:none;padding:0px}#wrap #tabs li{color:#313131}#wrap #tabs #historical_clicks li:hover{background:#dedede !important}#wrap #tabs ul#headers li a,#wrap #tabs #stats_lines li a{outline:none;border:none;border-radius:0;background:#fff;color:#313131;padding:10px 15px 7px 25px}#wrap #tabs ul#headers li a:hover,#wrap #tabs #stats_lines li a:hover{background:#dedede}#wrap #tabs ul#headers li a h2,#wrap #tabs #stats_lines li a h2{font-weight:400;font-size:1em}#wrap #tabs ul#headers li a.selected,#wrap #tabs #stats_lines li a.selected{background:#dde6ee;border-bottom:2px solid #112e51}#wrap #tabs ul#headers li a.selected:hover,#wrap #tabs #stats_lines li a.selected:hover{background:#d1d1d1}#wrap #tabs #stats_lines li a{padding:7px 15px}#wrap #tabs ul.toggle_display{border:none}#wrap #tabs svg ellipse{fill:#112e51}body.index #wrap{padding-top:50px}#wrap{background:none;margin-left:270px;border:none;color:#313131;max-width:100%}.notice{width:calc(100% - 22px);margin:0;padding:0;border-radius:0;background:#112e51;border:1px solid #112e51;padding:10px}.notice p{color:white}#shareboxes{margin-top:-10px}#sharebox{width:558px;margin-right:0px}div.share{background:#f7f7f7;border-radius:0;border:none;padding:0px 20px 10px;margin-top:10px}div.share textarea{background:#fff;color:#313131;border:none;padding:3px;outline:none;margin:1px !important}div.share #charcount{padding-left:5px;color:#313131}div.share #share_links a{color:#313131}.sub_wrap,.plugins main,.plugin_page_sleeky_settings main,code{background:#f7f7f7;padding:10px;padding:5px 25px;max-width:100%}.sub_wrap span,.plugins main span,.plugin_page_sleeky_settings main span,code span{background:rgba(255,255,255,0.2)}.sub_wrap code,.sub_wrap tt,.plugins main code,.plugins main tt,.plugin_page_sleeky_settings main code,.plugin_page_sleeky_settings main tt,code code,code tt{background:rgba(0,123,255,0.7);background:rgba(35,185,222,0.5)}.sub_wrap a.bookmarklet,.plugins main a.bookmarklet,.plugin_page_sleeky_settings main a.bookmarklet,code a.bookmarklet{border:none;background:#fff url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat;color:#3c3c3c;border-radius:1px;padding:7px 7px 7px 25px;color:#333 !important}.sub_wrap a.bookmarklet:hover,.plugins main a.bookmarklet:hover,.plugin_page_sleeky_settings main a.bookmarklet:hover,code a.bookmarklet:hover{background:#e0e0e0 url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat}.sub_wrap table.tblSorter,.plugins main table.tblSorter,.plugin_page_sleeky_settings main table.tblSorter,code table.tblSorter{background:#f7f7f7}.sub_wrap table.tblSorter a,.plugins main table.tblSorter a,.plugin_page_sleeky_settings main table.tblSorter a,code table.tblSorter a{color:#313131}.sub_wrap table.tblSorter a:hover,.plugins main table.tblSorter a:hover,.plugin_page_sleeky_settings main table.tblSorter a:hover,code table.tblSorter a:hover{color:#000}.sub_wrap table.tblSorter thead tr th,.sub_wrap table.tblSorter tfoot tr th,.sub_wrap table.tblSorter th.header,.plugins main table.tblSorter thead tr th,.plugins main table.tblSorter tfoot tr th,.plugins main table.tblSorter th.header,.plugin_page_sleeky_settings main table.tblSorter thead tr th,.plugin_page_sleeky_settings main table.tblSorter tfoot tr th,.plugin_page_sleeky_settings main table.tblSorter th.header,code table.tblSorter thead tr th,code table.tblSorter tfoot tr th,code table.tblSorter th.header{border:none;background-color:#fff;padding:10px}.sub_wrap table.tblSorter tbody td,.plugins main table.tblSorter tbody td,.plugin_page_sleeky_settings main table.tblSorter tbody td,code table.tblSorter tbody td{background:#dde6ee;color:#313131}#filter_options{padding:0px 10px !important}body>div>pre{overflow-x:scroll;padding-left:290px}#footer{position:fixed;bottom:0;width:230px;color:#828282;padding:10px;text-align:left;z-index:10}#footer p{background:none;border:none;font-size:1em}#footer p a{background:none;padding-left:0;color:#313131}#footer p a:hover{color:#828282}@media (max-width: 899px){body.index #wrap{padding-top:210px}body.tools #wrap,body.plugins #wrap,body.plugin_page_sleeky_settings #wrap{padding-top:50px}#wrap{margin-left:0}#wrap main{overflow-x:scroll}img.logo{padding:11px 100% 15px 20px}.nav-open{display:block}nav{height:0;padding:0;width:0}nav ul#admin_menu{position:fixed;top:0;left:0;z-index:9999 !important;width:100%;height:100%;padding:50px;display:none;background:#112e51}nav ul#admin_menu li{color:white}nav ul#admin_menu a,nav ul#admin_menu a:link,nav ul#admin_menu a:active,nav ul#admin_menu a:visited{color:white}.index .top{display:block;margin-top:50px;width:100vw;height:auto}.index .top form{margin-left:0 !important}.index .top #new_url_form{min-width:unset;height:auto}.index .top .short{padding:0}.index .top #add-url,.index .top #add-keyword{width:calc(100% - 10px);margin:10px 0px !important}.index .top input.button{margin:0 !important;width:100%}.index table.tblSorter{min-width:600px}.index table.tblSorter td.actions .button_stats{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_share{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_edit{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_delete{background-size:15px;margin:3px}#copybox{width:100%}.jquery-notify-bar{margin-top:210px;margin-bottom:-210px;width:calc(100vw - 20px)}.jquery-notify-bar a{margin-left:-30px}#footer{display:none}.infos #wrap{margin-top:30px}.infos #wrap #headers li{margin:0;display:inline-block}.infos #tabs{min-width:initial}.infos #tabs .tab{overflow:scroll}.infos #tabs ul#headers{margin:20px 0}.infos #tabs ul#headers li a{padding:10px 5px}.infos #tabs ul#headers li h2{margin:0}body>div>pre{padding-left:20px}}
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");@import url("https://fonts.googleapis.com/icon?family=Material+Icons");body{background-color:#efefef;display:inline}div,p,td,input,p{font-family:'Open Sans', sans-serif !important}h1,h2{color:#1d1d1d}p{color:#313131}a,a:link,a:active,a:visited{color:#828282;text-decoration:none}a:hover{color:#000;transition:0.4s all}input{padding:10px;border:none !important;background:#fff !important;color:#313131 !important;font-size:1em !important;outline:none;margin:0px 5px !important;border-radius:0 !important;border-radius:3px !important}input.button,input.submit,input[type="submit"]{border-left:7px solid #112e51 !important;background:#fff !important;font-weight:600;transition:0.3s all !important;cursor:pointer;background:#112e51 !important;border-left:none !important;color:white !important;font-weight:700}input.button:hover,input.submit:hover,input[type="submit"]:hover{background:#040a12 !important;background:#040a12 !important}input[type="button"]:disabled,input[type="submit"]:disabled{cursor:not-allowed}input.text,input[type="text"]{border:1px solid rgba(255,255,255,0.25) !important;transition:0.4s all}select{width:150px;padding:5px 35px 5px 10px;border:none;border-radius:0;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#313131;background:url(data:image/png;base64,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) 96%/15% no-repeat #fff;margin:5px 10px;transition:0.4s all;outline:none}select:hover{background:url(data:image/png;base64,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) 96%/15% no-repeat #fff}#javascript_error{background:red;color:white;padding:20px;margin-top:10px}.jquery-notify-bar{color:#fff;text-shadow:none;border:none;opacity:1;box-shadow:none;font-size:1.1em;font-weight:500;position:static;margin-top:30px;margin-bottom:-45px;padding:10px}.jquery-notify-bar a,.jquery-notify-bar a:link,.jquery-notify-bar a:active,.jquery-notify-bar a:visited{color:white}.jquery-notify-bar.error,.jquery-notify-bar.fail{background-color:#FF9800;color:white}.jquery-notify-bar.success{color:white;background-color:#4CAF50}.login #wrap{margin:auto}.login label{font-size:1em;font-weight:600}.login .login-logo{width:150px;margin:30px auto;display:flex;background:#112e51;border:6px solid #112e51;border-radius:4px;padding:4px}.login input.text{width:270px !important}.login input.button{font-weight:600;padding:10px 25px;margin-top:15px !important;font-weight:600;background:#112e51 !important}.login input.button else{background:#fff !important;border-left:7px solid #112e51 !important}.login input.button:hover{background:#081627 !important}.login .error{padding:10px;background:#112e51;color:white;position:fixed;top:0;left:0;width:100%;margin:0;text-align:center}.index #add-url{width:200px}.index #new_url_form{box-sizing:border-box;overflow:hidden}.index #new_url{border:none;background:#f7f7f7;text-align:left}.index #new_url input.button{margin-top:10px !important}.index #new_url div{background:#f7f7f7;padding:4px;padding-top:0px}.index .create{background:#112e51 !important;width:150px;font-size:1.3em !important;border:none !important;font-weight:700;text-align:center;margin-top:10px !important;margin-left:20px !important}.index .top{position:absolute;top:0;left:0;width:100vw;height:50px;background:#081627}.index .top label{font-size:1em;font-weight:600;color:#313131;color:#f7f7f7}.index .top input.text{width:360px;padding:4px;font-weight:200;font-size:1em !important;background:#f7f7f7 !important}.index .top .short{padding-left:10px}.index .top #add-keyword{width:100px}.index .top input.button{font-weight:500;padding:5px 10px;font-size:1em !important;margin-left:10px !important;background:#dde6ee !important;background:#f7f7f7 !important;font-weight:700;color:#112e51 !important}.index .top input.button:hover{background:#081627 !important;background:#e6e6e6 !important}.index .top #new_url_form{margin-left:260px;padding:12px}.index table.tblSorter{background-color:#f7f7f7;color:#313131}.index table.tblSorter a{color:#313131}.index table.tblSorter small a{color:gray}.index table.tblSorter thead tr .tablesorter-header{padding:10px}.index table.tblSorter tfoot tr{background-color:#f7f7f7}.index table.tblSorter thead tr th,.index table.tblSorter tfoot tr th,.index table.tblSorter th.header{background-color:transparent;border:none;padding:4px}.index table.tblSorter thead tr .tablesorter-headerAsc,.index table.tblSorter thead tr .tablesorter-headerDesc{background-color:#dde6ee !important}.index table.tblSorter tbody td{color:#313131;padding:5px;background-color:#fff;vertical-align:middle;transition:0.4s all}.index table.tblSorter tbody tr:hover td{background-color:#dde6ee !important}.index table.tblSorter tbody tr.normal-row td{background:#fff}.index table.tblSorter .keyword{border-left:7px solid #112e51}.index table.tblSorter input.text{padding:5px;margin:8px 5px !important}.index table.tblSorter .navigation .nav_link a{background:#fff;border:none}.index table.tblSorter .navigation .nav_link a:hover{background:#dde6ee}.index table.tblSorter tr.edit-row td{background:#f7f7f7 !important}.index table.tblSorter td.actions .button_stats{background:#112e51 url(../img/stats.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_stats:hover{background:#081627 url(../img/stats.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_share{background:#112e51 url(../img/share.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_share:hover{background:#081627 url(../img/share.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_edit{background:#112e51 url(../img/edit.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_edit:hover{background:#081627 url(../img/edit.png) 0px center no-repeat;background-size:23px;background-position:center}.index table.tblSorter td.actions .button_delete{background:red url(../img/delete.png) 0px center no-repeat;background-size:23px;background-position:center;border:none;padding:3px;border-radius:2px}.index table.tblSorter td.actions .button_delete:hover{background:#c00 url(../img/delete.png) 0px center no-repeat;background-size:23px;background-position:center}nav{background:#f7f7f7;height:100%;position:fixed;top:0;left:0;padding:50px 30px;width:200px;z-index:10}nav li#admin_menu_logout_link{font-size:1.3em}nav ul#admin_menu li:hover{list-style-type:none;color:#000}nav ul#admin_menu li{color:#1d1d1d;padding:5px 0}nav #admin_menu_logout_link:hover{color:#1d1d1d !important}nav .admin_menu_sublevel{font-weight:100;margin-left:-20px}nav .material-icons{font-size:1em;vertical-align:middle;margin-top:-1px}nav ul{list-style-type:none}img.logo{width:200px;position:fixed;top:0;left:0;background:#112e51;padding:12px 35px 13px 25px;z-index:20}.nav-open{color:white;position:fixed;top:0;right:0;z-index:30;padding:10px 15px;cursor:pointer;display:none}.nav-open i{font-size:2em;line-height:30px}header{display:none}#wrap #tabs{min-width:580px}#wrap #tabs .tab{background:#fff !important}#wrap #tabs .wrap_unfloat{margin-bottom:-5px}#wrap #tabs ul#headers{border:none;padding:0px}#wrap #tabs li{color:#313131}#wrap #tabs #historical_clicks li:hover{background:#dedede !important}#wrap #tabs ul#headers li a,#wrap #tabs #stats_lines li a{outline:none;border:none;border-radius:0;background:#fff;color:#313131;padding:10px 15px 7px 25px}#wrap #tabs ul#headers li a:hover,#wrap #tabs #stats_lines li a:hover{background:#dedede}#wrap #tabs ul#headers li a h2,#wrap #tabs #stats_lines li a h2{font-weight:400;font-size:1em}#wrap #tabs ul#headers li a.selected,#wrap #tabs #stats_lines li a.selected{background:#dde6ee;border-bottom:2px solid #112e51}#wrap #tabs ul#headers li a.selected:hover,#wrap #tabs #stats_lines li a.selected:hover{background:#d1d1d1}#wrap #tabs #stats_lines li a{padding:7px 15px}#wrap #tabs ul.toggle_display{border:none}#wrap #tabs svg ellipse{fill:#112e51}body.index #wrap{padding-top:50px}#wrap{background:none;margin-left:270px;border:none;color:#313131;max-width:100%}.notice{width:calc(100% - 22px);margin:0;padding:0;border-radius:0;background:#112e51;border:1px solid #112e51;padding:10px}.notice p{color:white}#shareboxes{margin-top:-10px}#sharebox{width:558px;margin-right:0px}div.share{background:#f7f7f7;border-radius:0;border:none;padding:0px 20px 10px;margin-top:10px}div.share textarea{background:#fff;color:#313131;border:none;padding:3px;outline:none;margin:1px !important}div.share #charcount{padding-left:5px;color:#313131}div.share #share_links a{color:#313131}.sub_wrap,.plugins main,.plugin_page_sleeky_settings main,code{background:#f7f7f7;padding:10px;padding:5px 25px;max-width:100%}.sub_wrap span,.plugins main span,.plugin_page_sleeky_settings main span,code span{background:rgba(255,255,255,0.2)}.sub_wrap code,.sub_wrap tt,.plugins main code,.plugins main tt,.plugin_page_sleeky_settings main code,.plugin_page_sleeky_settings main tt,code code,code tt{background:rgba(0,123,255,0.7);background:rgba(35,185,222,0.5)}.sub_wrap a.bookmarklet,.plugins main a.bookmarklet,.plugin_page_sleeky_settings main a.bookmarklet,code a.bookmarklet{border:none;background:#fff url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat;color:#3c3c3c;border-radius:1px;padding:7px 7px 7px 25px;color:#333 !important}.sub_wrap a.bookmarklet:hover,.plugins main a.bookmarklet:hover,.plugin_page_sleeky_settings main a.bookmarklet:hover,code a.bookmarklet:hover{background:#e0e0e0 url(/user/plugins/yourls-favicon/assets/favicon.gif) 4px center no-repeat}.sub_wrap table.tblSorter,.plugins main table.tblSorter,.plugin_page_sleeky_settings main table.tblSorter,code table.tblSorter{background:#f7f7f7}.sub_wrap table.tblSorter a,.plugins main table.tblSorter a,.plugin_page_sleeky_settings main table.tblSorter a,code table.tblSorter a{color:#313131}.sub_wrap table.tblSorter a:hover,.plugins main table.tblSorter a:hover,.plugin_page_sleeky_settings main table.tblSorter a:hover,code table.tblSorter a:hover{color:#000}.sub_wrap table.tblSorter thead tr th,.sub_wrap table.tblSorter tfoot tr th,.sub_wrap table.tblSorter th.header,.plugins main table.tblSorter thead tr th,.plugins main table.tblSorter tfoot tr th,.plugins main table.tblSorter th.header,.plugin_page_sleeky_settings main table.tblSorter thead tr th,.plugin_page_sleeky_settings main table.tblSorter tfoot tr th,.plugin_page_sleeky_settings main table.tblSorter th.header,code table.tblSorter thead tr th,code table.tblSorter tfoot tr th,code table.tblSorter th.header{border:none;background-color:#fff;padding:10px}.sub_wrap table.tblSorter tbody td,.plugins main table.tblSorter tbody td,.plugin_page_sleeky_settings main table.tblSorter tbody td,code table.tblSorter tbody td{background:#dde6ee;color:#313131}#filter_options{padding:0px 10px !important}body>div>pre{overflow-x:scroll;padding-left:290px}#footer{position:fixed;bottom:0;width:230px;color:#828282;padding:10px;text-align:left;z-index:10}#footer p{background:none;border:none;font-size:1em}#footer p a{background:none;padding-left:0;color:#313131}#footer p a:hover{color:#828282}@media (max-width: 899px){body.index #wrap{padding-top:210px}body.tools #wrap,body.plugins #wrap,body.plugin_page_sleeky_settings #wrap{padding-top:50px}#wrap{margin-left:0}#wrap main{overflow-x:scroll}img.logo{padding:11px 100% 15px 20px}.nav-open{display:block}nav{height:0;padding:0;width:0}nav ul#admin_menu{position:fixed;top:0;left:0;z-index:9999 !important;width:100%;height:100%;padding:50px;display:none;background:#112e51}nav ul#admin_menu li{color:white}nav ul#admin_menu a,nav ul#admin_menu a:link,nav ul#admin_menu a:active,nav ul#admin_menu a:visited{color:white}.index .top{display:block;margin-top:50px;width:100vw;height:auto}.index .top form{margin-left:0 !important}.index .top #new_url_form{min-width:unset;height:auto}.index .top .short{padding:0}.index .top #add-url,.index .top #add-keyword{width:calc(100% - 10px);margin:10px 0px !important}.index .top input.button{margin:0 !important;width:100%}.index table.tblSorter{min-width:600px}.index table.tblSorter td.actions .button_stats{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_share{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_edit{background-size:15px;margin:3px}.index table.tblSorter td.actions .button_delete{background-size:15px;margin:3px}#copybox{width:100%}.jquery-notify-bar{margin-top:210px;margin-bottom:-210px;width:calc(100vw - 20px)}.jquery-notify-bar a{margin-left:-30px}#footer{display:none}.infos #wrap{margin-top:30px}.infos #wrap #headers li{margin:0;display:inline-block}.infos #tabs{min-width:initial}.infos #tabs .tab{overflow:scroll}.infos #tabs ul#headers{margin:20px 0}.infos #tabs ul#headers li a{padding:10px 5px}.infos #tabs ul#headers li h2{margin:0}body>div>pre{padding-left:20px}}

From 873bf98eac21002203278396b9d354a71ca7ac7d Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Wed, 31 Dec 2025 08:48:10 -0500
Subject: [PATCH 08/15] UTCT-112: Correct plugin PHP code for updated QR
 packages.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 user/plugins/seans-qrcode/plugin.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/user/plugins/seans-qrcode/plugin.php b/user/plugins/seans-qrcode/plugin.php
index 3860e39..ab43d50 100644
--- a/user/plugins/seans-qrcode/plugin.php
+++ b/user/plugins/seans-qrcode/plugin.php
@@ -37,8 +37,8 @@
 
 class LogoOptions extends QROptions{
 	// size in QR modules, multiply with QROptions::$scale for pixel size
-	protected int $logoSpaceWidth;
-	protected int $logoSpaceHeight;
+	protected ?int $logoSpaceWidth = null;
+	protected ?int $logoSpaceHeight = null;
 }
 
 // Kick in if the loader does not recognize a valid pattern

From 682d01725fb2c9eade21063944671032b6703e33 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Wed, 31 Dec 2025 09:38:27 -0500
Subject: [PATCH 09/15] UTCT-228: Skiplink and styles for accessibility.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/assets/sass/styles.scss |  22 ++++
 frontend/dist/styles.css         |  23 ----
 frontend/footer.php              |   7 +-
 index.php                        | 177 ++++++++++++++++++++-----------
 4 files changed, 145 insertions(+), 84 deletions(-)

diff --git a/frontend/assets/sass/styles.scss b/frontend/assets/sass/styles.scss
index ba33b05..e6d2baf 100644
--- a/frontend/assets/sass/styles.scss
+++ b/frontend/assets/sass/styles.scss
@@ -97,3 +97,25 @@ $border-radius: 6px;
     }
     }
 }
+.visually-hidden {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border: 0 !important;
+}
+
+.visually-hidden-focusable:active,
+.visually-hidden-focusable:focus {
+    position: static !important;
+    width: auto !important;
+    height: auto !important;
+    margin: 0 !important;
+    overflow: visible !important;
+    clip: auto !important;
+    white-space: normal !important;
+}
diff --git a/frontend/dist/styles.css b/frontend/dist/styles.css
index 4422acd..898190f 100644
--- a/frontend/dist/styles.css
+++ b/frontend/dist/styles.css
@@ -9369,27 +9369,4 @@ textarea.form-control-lg {
     width: 100%;
     border-radius: 6px !important;
   }
-}
-/* Extra styling for the skip link when it becomes visible */
-.skip-link {
-  background-color: #0d6efd; /* Bootstrap primary */
-  color: #fff;
-  padding: 0.5rem 1rem;
-  text-decoration: none;
-  position: absolute;
-  top: 0.5rem;
-  left: 0.5rem;
-  z-index: 1050;
-}
-
-.skip-link:focus {
-  outline: 3px solid #ffc107;
-}
-
-/* Highlight the "Customize Link" toggle when it has keyboard focus */
-.btn.btn-link:focus,
-.btn.btn-link:focus-visible {
-  outline: 3px solid #ffc107 !important;
-  outline-offset: 2px;
-  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5) !important;
 }
\ No newline at end of file
diff --git a/frontend/footer.php b/frontend/footer.php
index 17f2ec6..a67e8ce 100644
--- a/frontend/footer.php
+++ b/frontend/footer.php
@@ -45,13 +45,18 @@ function copyTextToClipboard(text) {
 		copyBtn.addEventListener('click', function(event) {
 			copyTextToClipboard(event.target.dataset.shorturl);
 		});
+
+		// Move focus to copy button when result screen is shown
+		window.addEventListener('load', function () {
+			copyBtn.focus();
+		});
 	}
 
 	const closeShortenedLinkScreenButton = document.querySelector('button#close-shortened-screen');
 
 	if (closeShortenedLinkScreenButton) {
 		closeShortenedLinkScreenButton.addEventListener('click', function(event) {
-			window.location.href=window.location.href;
+			window.location.href = window.location.href;
 		});
 	}
 </script>
diff --git a/index.php b/index.php
index 51f7c1f..448f661 100644
--- a/index.php
+++ b/index.php
@@ -84,79 +84,136 @@ function shorten()
 <?php include 'frontend/header.php'; ?>
 
 <body>
-<div class="container-fluid h-100">
-    <div class="row justify-content-center align-items-center h-100">
-        <div class="col-12 col-lg-10 col-xl-8 col-xxl-5 mt-5">
-            <div class="card border-0 mt-5">
-                <?php if (isset($status) && $status == 'success'): ?>
-                    <?php $url = preg_replace("(^https?://)", "", $shorturl); ?>
-
-                    <div class="close-container text-end mt-3 me-3">
-                        <button type="button" class="btn-close" id="close-shortened-screen" aria-label="Close"></button>
-                    </div>
-
-                    <div class="card-body px-5 pb-5">
-                        <h2 class="text-uppercase text-center">Your short link</h2>
+<a href="#main-content" class="visually-hidden-focusable">Skip to main content</a>
+<main id="main-content">
+    <div class="container-fluid h-100">
+        <div class="row justify-content-center align-items-center h-100">
+            <div class="col-12 col-lg-10 col-xl-8 col-xxl-5 mt-5">
+                <div class="card border-0 mt-5">
+                    <?php if (isset($status) && $status == 'success'): ?>
+                        <?php $url = preg_replace("(^https?://)", "", $shorturl); ?>
+
+                        <div class="close-container text-end mt-3 me-3">
+                            <button type="button" class="btn-close" id="close-shortened-screen" aria-label="Close"></button>
+                        </div>
 
-                        <div class="row justify-content-center">
-                            <div class="col-10">
-                                <div class="input-group input-group-block mt-4 mb-3">
-                                    <input type="text" class="form-control text-uppercase" value="<?php echo $shorturl; ?>" required>
-                                    <button class="btn btn-primary text-uppercase py-2 px-5 mt-2 mt-md-0" type="submit" id="copy-button" data-shorturl="<?php echo $shorturl; ?>">Copy</button>
+                        <div class="card-body px-5 pb-5">
+                            <h1 class="text-uppercase text-center">Your short link</h1>
+
+                            <div class="row justify-content-center">
+                                <div class="col-10">
+                                    <div class="input-group input-group-block mt-4 mb-3">
+                                        <label for="short-url-field" class="visually-hidden">Shortened URL</label>
+                                        <input
+                                            type="text"
+                                            id="short-url-field"
+                                            class="form-control text-uppercase"
+                                            value="<?php echo $shorturl; ?>"
+                                            readonly
+                                        >
+                                        <button
+                                            class="btn btn-primary text-uppercase py-2 px-5 mt-2 mt-md-0"
+                                            type="button"
+                                            id="copy-button"
+                                            data-shorturl="<?php echo $shorturl; ?>"
+                                        >
+                                            Copy
+                                        </button>
+                                    </div>
+                                    <span class="info">
+                                    View info and stats at
+                                    <a href="<?php echo $shorturl; ?>+"><?php echo $url; ?>+</a>
+                                </span>
                                 </div>
-                                <span class="info">View info and stats at <a href="<?php echo $shorturl; ?>+"><?php echo $url; ?>+</a></span>
                             </div>
                         </div>
-                    </div>
-                <?php else: ?>
-                    <div class="text-center">
-                        <img src="<?php echo YOURLS_SITE ?><?php echo logo ?>" alt="UTC Logo" width="300px" style="margin-top:-4rem;">
-                    </div>
-                    <div class="card-body px-md-5">
-                        <p><?php echo description ?></p>
-
-                        <?php if (isset($_REQUEST['url']) && $_REQUEST['url'] != 'http://'): ?>
-                            <?php if (strpos($message, 'added') === false): ?>
-                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
-                                    <span>Oh no, <?php echo $message; ?>!</span>
-                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-                                </div>
+                    <?php else: ?>
+                        <div class="text-center">
+                            <img src="<?php echo YOURLS_SITE ?><?php echo logo ?>" alt="<?php echo shortTitle ?>" width="300" style="margin-top:-4rem;">
+                        </div>
+                        <div class="card-body px-md-5">
+                            <h1 class="h3">Shorten a URL</h1>
+                            <p><?php echo description ?></p>
+
+                            <?php if (isset($_REQUEST['url']) && $_REQUEST['url'] != 'http://'): ?>
+                                <?php if (strpos($message, 'added') === false): ?>
+                                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
+                                        <span>Oh no, <?php echo $message; ?>!</span>
+                                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                                    </div>
+                                <?php endif; ?>
                             <?php endif; ?>
-                        <?php endif; ?>
 
-                        <form id="shortenlink" method="post" action="">
-                            <div class="input-group input-group-block mt-4 mb-3">
-                                <input type="url" name="url" id="url" class="form-control text-uppercase" placeholder="PASTE URL, SHORTEN and SHARE" aria-label="PASTE URL, SHORTEN &amp; SHARE" aria-describedby="shorten-button" required>
-                                <input class="btn btn-primary text-uppercase py-2 px-4 mt-2 mt-md-0" type="submit" id="shorten-button" value="Shorten" />
-                            </div>
-                            <?php if (defined('enableCustomURL') && enableCustomURL): ?>
-                                <a class="btn btn-sm btn-white text-black-50 text-uppercase" data-bs-toggle="collapse" href="#customise-link" role="button" aria-expanded="false" aria-controls="customise-link">
-                                    <img src="<?php echo YOURLS_SITE ?>/frontend/assets/svg/custom-url.svg" alt="Options"> Customize Link
-                                </a>
-                                <div class="collapse" id="customise-link">
-                                    <div class="mt-2 card card-body">
-                                        <div class="d-flex  align-items-center">
-                                            <span class="me-2"><?php echo preg_replace("(^https?://)", "", YOURLS_SITE); ?>/</span>
-                                            <input type="text" name="keyword" class="form-control form-control-sm text-uppercase" placeholder="CUSTOM URL" aria-label="CUSTOM URL">
+                            <form id="shortenlink" method="post" action="">
+                                <div class="input-group input-group-block mt-4 mb-3">
+                                    <label for="url" class="visually-hidden">
+                                        URL to shorten
+                                    </label>
+                                    <input
+                                        type="url"
+                                        name="url"
+                                        id="url"
+                                        class="form-control text-uppercase"
+                                        placeholder="PASTE URL, SHORTEN and SHARE"
+                                        aria-label="Paste a URL to shorten and share"
+                                        aria-describedby="shorten-button"
+                                        required
+                                    >
+                                    <input
+                                        class="btn btn-primary text-uppercase py-2 px-4 mt-2 mt-md-0"
+                                        type="submit"
+                                        id="shorten-button"
+                                        value="Shorten"
+                                    />
+                                </div>
+                                <?php if (defined('enableCustomURL') && enableCustomURL): ?>
+                                    <a
+                                        class="btn btn-sm btn-white text-black-50 text-uppercase"
+                                        data-bs-toggle="collapse"
+                                        href="#customise-link"
+                                        role="button"
+                                        aria-expanded="false"
+                                        aria-controls="customise-link"
+                                    >
+                                        <img src="<?php echo YOURLS_SITE ?>/frontend/assets/svg/custom-url.svg" alt=""> Customize Link
+                                    </a>
+                                    <div class="collapse mt-2" id="customise-link">
+                                        <div class="card card-body">
+                                            <div class="d-flex align-items-center">
+                                            <span class="me-2">
+                                                <?php echo preg_replace("(^https?://)", "", YOURLS_SITE); ?>/
+                                            </span>
+                                                <label for="keyword" class="visually-hidden">Custom keyword</label>
+                                                <input
+                                                    type="text"
+                                                    name="keyword"
+                                                    id="keyword"
+                                                    class="form-control form-control-sm text-uppercase"
+                                                    placeholder="CUSTOM URL"
+                                                    aria-label="Custom URL keyword"
+                                                >
+                                            </div>
                                         </div>
                                     </div>
-                                </div>
-                            <?php endif; ?>
-                        </form>
+                                <?php endif; ?>
+                            </form>
+                        </div>
+                    <?php endif; ?>
+                </div>
+                <div class="d-flex flex-column flex-md-row align-items-center my-3">
+                    <span class="text-white fw-light">&copy; <?php echo date("Y"); ?> <?php echo shortTitle ?></span>
+                    <div class="ms-3">
+                        <?php foreach ($footerLinks as $key => $val): ?>
+                            <a class="bold-link me-3 text-white text-decoration-none" href="<?php echo $val; ?>">
+                                <span><?php echo $key; ?></span>
+                            </a>
+                        <?php endforeach; ?>
                     </div>
-                <?php endif; ?>
-            </div>
-            <div class="d-flex flex-column flex-md-row align-items-center my-3">
-                <span class="text-white fw-light">&copy; <?php echo date("Y"); ?> <?php echo shortTitle ?></span>
-                <div class="ms-3">
-                    <?php foreach ($footerLinks as $key => $val): ?>
-                        <a class="bold-link me-3 text-white text-decoration-none" href="<?php echo $val; ?>"><span><?php echo $key; ?></span></a>
-                    <?php endforeach; ?>
                 </div>
             </div>
         </div>
     </div>
-</div>
+</main>
 <?php include 'frontend/footer.php'; ?>
 </body>
 </html>

From dd9478c4a1c0870dc5795e796b559bced43d4048 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Wed, 31 Dec 2025 12:27:45 -0500
Subject: [PATCH 10/15] UTCT-228: Improve tabbing and focus for keyboard users.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/header.php | 17 +++++++++++++++++
 index.php           | 11 ++++++++---
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/frontend/header.php b/frontend/header.php
index 034b65e..cf94794 100644
--- a/frontend/header.php
+++ b/frontend/header.php
@@ -43,4 +43,21 @@
             border-color: <?php echo adjustBrightness(colour, -15) ?>;
         }
     </style>
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            var customizeLink = document.querySelector('[href="#customise-link"][data-bs-toggle="collapse"]');
+            var customizeInput = document.getElementById('keyword');
+
+            if (customizeLink && customizeInput) {
+                customizeLink.addEventListener('click', function () {
+                    // Delay to let Bootstrap finish the collapse animation
+                    setTimeout(function () {
+                        if (customizeInput.offsetParent !== null) { // visible
+                            customizeInput.focus();
+                        }
+                    }, 200);
+                });
+            }
+        });
+    </script>
 </head>
diff --git a/index.php b/index.php
index 448f661..809e9a9 100644
--- a/index.php
+++ b/index.php
@@ -158,12 +158,14 @@ class="form-control text-uppercase"
                                         aria-label="Paste a URL to shorten and share"
                                         aria-describedby="shorten-button"
                                         required
+                                        tabindex="1"
                                     >
                                     <input
                                         class="btn btn-primary text-uppercase py-2 px-4 mt-2 mt-md-0"
                                         type="submit"
                                         id="shorten-button"
                                         value="Shorten"
+                                        tabindex="3"
                                     />
                                 </div>
                                 <?php if (defined('enableCustomURL') && enableCustomURL): ?>
@@ -174,15 +176,16 @@ class="btn btn-sm btn-white text-black-50 text-uppercase"
                                         role="button"
                                         aria-expanded="false"
                                         aria-controls="customise-link"
+                                        tabindex="2"
                                     >
                                         <img src="<?php echo YOURLS_SITE ?>/frontend/assets/svg/custom-url.svg" alt=""> Customize Link
                                     </a>
                                     <div class="collapse mt-2" id="customise-link">
                                         <div class="card card-body">
                                             <div class="d-flex align-items-center">
-                                            <span class="me-2">
-                                                <?php echo preg_replace("(^https?://)", "", YOURLS_SITE); ?>/
-                                            </span>
+                    <span class="me-2">
+                        <?php echo preg_replace("(^https?://)", "", YOURLS_SITE); ?>/
+                    </span>
                                                 <label for="keyword" class="visually-hidden">Custom keyword</label>
                                                 <input
                                                     type="text"
@@ -191,12 +194,14 @@ class="btn btn-sm btn-white text-black-50 text-uppercase"
                                                     class="form-control form-control-sm text-uppercase"
                                                     placeholder="CUSTOM URL"
                                                     aria-label="Custom URL keyword"
+                                                    tabindex="4"
                                                 >
                                             </div>
                                         </div>
                                     </div>
                                 <?php endif; ?>
                             </form>
+
                         </div>
                     <?php endif; ?>
                 </div>

From d55f9fcc0a4f35cfb2f23b94c908a4d3afbe93a9 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Wed, 31 Dec 2025 12:32:19 -0500
Subject: [PATCH 11/15] UTCT-228: Update favicon link.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/header.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/header.php b/frontend/header.php
index cf94794..025720b 100644
--- a/frontend/header.php
+++ b/frontend/header.php
@@ -9,7 +9,7 @@
     <meta http-equiv="X-UA-compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="<?php echo description ?>">
-    <link rel="icon" href="<?php echo favicon ?>?ver=20231214-2229">
+    <link rel="icon" href="<?php echo favicon ?>?ver=20251231-1231">
 
     <title><?php echo title ?></title>
 

From 4eac04f669713c064f560850f501e0bd6c9a40f1 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Mon, 5 Jan 2026 08:09:47 -0500
Subject: [PATCH 12/15] UTCT-228: Set SCSS theme defaults.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/assets/sass/styles.scss |  29 +++-
 frontend/dist/styles.css         | 219 ++++++++++++++++++-------------
 index.php                        |   2 +-
 3 files changed, 155 insertions(+), 95 deletions(-)

diff --git a/frontend/assets/sass/styles.scss b/frontend/assets/sass/styles.scss
index e6d2baf..9d1e20d 100644
--- a/frontend/assets/sass/styles.scss
+++ b/frontend/assets/sass/styles.scss
@@ -5,6 +5,14 @@
 $raleway: "Raleway", system-ui, -apple-system, "Segoe UI", Raleway, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 $oswald: "Oswald", system-ui, -apple-system, "Segoe UI", Oswald, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 
+// Theme variables (safe defaults)
+$theme: "light" !default;
+$primary: #2a85b3 !default;
+// Accent color for light theme
+$accent: $primary !default;
+// Background color for light theme buttons
+$light: #ffffff !default;
+
 // Bootstrap Overrides
 $enable-negative-margins: true;
 $font-family-sans-serif: $raleway;
@@ -87,16 +95,16 @@ $border-radius: 6px;
         font-weight: 600;
         padding: 10px 25px;
         margin-top: 15px !important;
-        font-weight: 600;
 
         @if ($theme == "light") {
             background: $accent !important;
-        } else {
-        background: $light !important;
-        border-left: 7px solid $accent !important;
-    }
+        } @else {
+            background: $light !important;
+            border-left: 7px solid $accent !important;
+        }
     }
 }
+
 .visually-hidden {
     position: absolute !important;
     width: 1px !important;
@@ -119,3 +127,14 @@ $border-radius: 6px;
     clip: auto !important;
     white-space: normal !important;
 }
+.customize-link-toggle {
+    transition: box-shadow 0.15s ease, outline 0.15s ease, background-color 0.15s ease;
+}
+
+.customize-link-toggle:focus-visible,
+.customize-link-toggle:focus {
+    outline: 3px solid $primary;
+    outline-offset: 2px;
+    box-shadow: 0 0 0 0.15rem rgba($primary, 0.5);
+    background-color: rgba($primary, 0.08);
+}
diff --git a/frontend/dist/styles.css b/frontend/dist/styles.css
index 898190f..b4a878c 100644
--- a/frontend/dist/styles.css
+++ b/frontend/dist/styles.css
@@ -26,23 +26,23 @@
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
-  --bs-primary: #0d6efd;
+  --bs-primary: #2a85b3;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
   --bs-warning: #ffc107;
   --bs-danger: #dc3545;
-  --bs-light: #f8f9fa;
+  --bs-light: #ffffff;
   --bs-dark: #212529;
-  --bs-primary-rgb: 13, 110, 253;
+  --bs-primary-rgb: 42, 133, 179;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-success-rgb: 25, 135, 84;
   --bs-info-rgb: 13, 202, 240;
   --bs-warning-rgb: 255, 193, 7;
   --bs-danger-rgb: 220, 53, 69;
-  --bs-light-rgb: 248, 249, 250;
+  --bs-light-rgb: 255, 255, 255;
   --bs-dark-rgb: 33, 37, 41;
-  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
+  --bs-primary-text-emphasis: rgb(16.8, 53.2, 71.6);
   --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
   --bs-success-text-emphasis: rgb(10, 54, 33.6);
   --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
@@ -50,7 +50,7 @@
   --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
   --bs-light-text-emphasis: #495057;
   --bs-dark-text-emphasis: #495057;
-  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
+  --bs-primary-bg-subtle: rgb(212.4, 230.6, 239.8);
   --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
   --bs-success-bg-subtle: rgb(209, 231, 220.8);
   --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
@@ -58,7 +58,7 @@
   --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
   --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
   --bs-dark-bg-subtle: #ced4da;
-  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
+  --bs-primary-border-subtle: rgb(169.8, 206.2, 224.6);
   --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
   --bs-success-border-subtle: rgb(163, 207, 186.6);
   --bs-info-border-subtle: rgb(158.2, 233.8, 249);
@@ -90,11 +90,11 @@
   --bs-tertiary-bg: #f8f9fa;
   --bs-tertiary-bg-rgb: 248, 249, 250;
   --bs-heading-color: inherit;
-  --bs-link-color: #0d6efd;
-  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-color: #2a85b3;
+  --bs-link-color-rgb: 42, 133, 179;
   --bs-link-decoration: underline;
-  --bs-link-hover-color: rgb(10.4, 88, 202.4);
-  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-link-hover-color: rgb(33.6, 106.4, 143.2);
+  --bs-link-hover-color-rgb: 34, 106, 143;
   --bs-code-color: #d63384;
   --bs-highlight-color: #212529;
   --bs-highlight-bg: rgb(255, 242.6, 205.4);
@@ -115,7 +115,7 @@
   --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   --bs-focus-ring-width: 0.25rem;
   --bs-focus-ring-opacity: 0.25;
-  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-focus-ring-color: rgba(42, 133, 179, 0.25);
   --bs-form-valid-color: #198754;
   --bs-form-valid-border-color: #198754;
   --bs-form-invalid-color: #dc3545;
@@ -138,7 +138,7 @@
   --bs-tertiary-color-rgb: 222, 226, 230;
   --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
   --bs-tertiary-bg-rgb: 43, 48, 53;
-  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
+  --bs-primary-text-emphasis: rgb(127.2, 181.8, 209.4);
   --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
   --bs-success-text-emphasis: rgb(117, 183, 152.4);
   --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
@@ -146,7 +146,7 @@
   --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
   --bs-light-text-emphasis: #f8f9fa;
   --bs-dark-text-emphasis: #dee2e6;
-  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
+  --bs-primary-bg-subtle: rgb(8.4, 26.6, 35.8);
   --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
   --bs-success-bg-subtle: rgb(5, 27, 16.8);
   --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
@@ -154,7 +154,7 @@
   --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
   --bs-light-bg-subtle: #343a40;
   --bs-dark-bg-subtle: #1a1d20;
-  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
+  --bs-primary-border-subtle: rgb(25.2, 79.8, 107.4);
   --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
   --bs-success-border-subtle: rgb(15, 81, 50.4);
   --bs-info-border-subtle: rgb(7.8, 121.2, 144);
@@ -163,10 +163,10 @@
   --bs-light-border-subtle: #495057;
   --bs-dark-border-subtle: #343a40;
   --bs-heading-color: inherit;
-  --bs-link-color: rgb(109.8, 168, 253.8);
-  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
-  --bs-link-color-rgb: 110, 168, 254;
-  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-link-color: rgb(127.2, 181.8, 209.4);
+  --bs-link-hover-color: rgb(152.76, 196.44, 218.52);
+  --bs-link-color-rgb: 127, 182, 209;
+  --bs-link-hover-color-rgb: 153, 196, 219;
   --bs-code-color: rgb(230.4, 132.6, 181.2);
   --bs-highlight-color: #dee2e6;
   --bs-highlight-bg: rgb(102, 77.2, 2.8);
@@ -1882,9 +1882,9 @@ progress {
 .form-control:focus {
   color: var(--bs-body-color);
   background-color: #ebebeb;
-  border-color: rgb(134, 182.5, 254);
+  border-color: rgb(148.5, 194, 217);
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   min-width: 85px;
@@ -2028,9 +2028,9 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: rgb(134, 182.5, 254);
+  border-color: rgb(148.5, 194, 217);
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.75rem;
@@ -2112,13 +2112,13 @@ textarea.form-control-lg {
   filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: rgb(134, 182.5, 254);
+  border-color: rgb(148.5, 194, 217);
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
 }
 .form-check-input:checked {
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #2a85b3;
+  border-color: #2a85b3;
 }
 .form-check-input:checked[type=checkbox] {
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
@@ -2127,8 +2127,8 @@ textarea.form-control-lg {
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
 }
 .form-check-input[type=checkbox]:indeterminate {
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #2a85b3;
+  border-color: #2a85b3;
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
@@ -2159,7 +2159,7 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28148.5, 194, 217%29'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
@@ -2205,10 +2205,10 @@ textarea.form-control-lg {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -2218,7 +2218,7 @@ textarea.form-control-lg {
   height: 1rem;
   margin-top: -0.25rem;
   appearance: none;
-  background-color: #0d6efd;
+  background-color: #2a85b3;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2229,7 +2229,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: rgb(182.4, 211.5, 254.4);
+  background-color: rgb(191.1, 218.4, 232.2);
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
@@ -2244,7 +2244,7 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   appearance: none;
-  background-color: #0d6efd;
+  background-color: #2a85b3;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2255,7 +2255,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: rgb(182.4, 211.5, 254.4);
+  background-color: rgb(191.1, 218.4, 232.2);
 }
 .form-range::-moz-range-track {
   width: 100%;
@@ -2714,20 +2714,20 @@ textarea.form-control-lg {
 }
 
 .btn-primary {
-  --bs-btn-color: #fff;
-  --bs-btn-bg: #0d6efd;
-  --bs-btn-border-color: #0d6efd;
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
-  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
-  --bs-btn-focus-shadow-rgb: 49, 132, 253;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
-  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
+  --bs-btn-color: #000;
+  --bs-btn-bg: #2a85b3;
+  --bs-btn-border-color: #2a85b3;
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: rgb(73.95, 151.3, 190.4);
+  --bs-btn-hover-border-color: rgb(63.3, 145.2, 186.6);
+  --bs-btn-focus-shadow-rgb: 36, 113, 152;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: rgb(84.6, 157.4, 194.2);
+  --bs-btn-active-border-color: rgb(63.3, 145.2, 186.6);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #0d6efd;
-  --bs-btn-disabled-border-color: #0d6efd;
+  --bs-btn-disabled-color: #000;
+  --bs-btn-disabled-bg: #2a85b3;
+  --bs-btn-disabled-border-color: #2a85b3;
 }
 
 .btn-secondary {
@@ -2817,19 +2817,19 @@ textarea.form-control-lg {
 
 .btn-light {
   --bs-btn-color: #000;
-  --bs-btn-bg: #f8f9fa;
-  --bs-btn-border-color: #f8f9fa;
+  --bs-btn-bg: #ffffff;
+  --bs-btn-border-color: #ffffff;
   --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
-  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
-  --bs-btn-focus-shadow-rgb: 211, 212, 213;
+  --bs-btn-hover-bg: rgb(216.75, 216.75, 216.75);
+  --bs-btn-hover-border-color: #cccccc;
+  --bs-btn-focus-shadow-rgb: 217, 217, 217;
   --bs-btn-active-color: #000;
-  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
-  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
+  --bs-btn-active-bg: #cccccc;
+  --bs-btn-active-border-color: rgb(191.25, 191.25, 191.25);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #000;
-  --bs-btn-disabled-bg: #f8f9fa;
-  --bs-btn-disabled-border-color: #f8f9fa;
+  --bs-btn-disabled-bg: #ffffff;
+  --bs-btn-disabled-border-color: #ffffff;
 }
 
 .btn-dark {
@@ -2850,19 +2850,19 @@ textarea.form-control-lg {
 }
 
 .btn-outline-primary {
-  --bs-btn-color: #0d6efd;
-  --bs-btn-border-color: #0d6efd;
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #0d6efd;
-  --bs-btn-hover-border-color: #0d6efd;
-  --bs-btn-focus-shadow-rgb: 13, 110, 253;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #0d6efd;
-  --bs-btn-active-border-color: #0d6efd;
+  --bs-btn-color: #2a85b3;
+  --bs-btn-border-color: #2a85b3;
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #2a85b3;
+  --bs-btn-hover-border-color: #2a85b3;
+  --bs-btn-focus-shadow-rgb: 42, 133, 179;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #2a85b3;
+  --bs-btn-active-border-color: #2a85b3;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #0d6efd;
+  --bs-btn-disabled-color: #2a85b3;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #0d6efd;
+  --bs-btn-disabled-border-color: #2a85b3;
   --bs-gradient: none;
 }
 
@@ -2952,19 +2952,19 @@ textarea.form-control-lg {
 }
 
 .btn-outline-light {
-  --bs-btn-color: #f8f9fa;
-  --bs-btn-border-color: #f8f9fa;
+  --bs-btn-color: #ffffff;
+  --bs-btn-border-color: #ffffff;
   --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #f8f9fa;
-  --bs-btn-hover-border-color: #f8f9fa;
-  --bs-btn-focus-shadow-rgb: 248, 249, 250;
+  --bs-btn-hover-bg: #ffffff;
+  --bs-btn-hover-border-color: #ffffff;
+  --bs-btn-focus-shadow-rgb: 255, 255, 255;
   --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #f8f9fa;
-  --bs-btn-active-border-color: #f8f9fa;
+  --bs-btn-active-bg: #ffffff;
+  --bs-btn-active-border-color: #ffffff;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #f8f9fa;
+  --bs-btn-disabled-color: #ffffff;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #f8f9fa;
+  --bs-btn-disabled-border-color: #ffffff;
   --bs-gradient: none;
 }
 
@@ -2997,7 +2997,7 @@ textarea.form-control-lg {
   --bs-btn-disabled-color: #6c757d;
   --bs-btn-disabled-border-color: transparent;
   --bs-btn-box-shadow: 0 0 0 #000;
-  --bs-btn-focus-shadow-rgb: 49, 132, 253;
+  --bs-btn-focus-shadow-rgb: 36, 113, 152;
   text-decoration: underline;
 }
 .btn-link:focus-visible {
@@ -3261,8 +3261,8 @@ textarea.form-control-lg {
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
-  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2816.8, 53.2, 71.6%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
   --bs-accordion-active-color: var(--bs-primary-text-emphasis);
@@ -3378,8 +3378,8 @@ textarea.form-control-lg {
 }
 
 [data-bs-theme=dark] .accordion-button::after {
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28127.2, 181.8, 209.4%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28127.2, 181.8, 209.4%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
 }
 
 .alert {
@@ -3482,7 +3482,7 @@ textarea.form-control-lg {
   --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
   --bs-btn-close-opacity: 0.5;
   --bs-btn-close-hover-opacity: 0.75;
-  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
   box-sizing: content-box;
@@ -3532,7 +3532,7 @@ textarea.form-control-lg {
 }
 
 .text-bg-primary {
-  color: #fff !important;
+  color: #000 !important;
   background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
@@ -3576,8 +3576,8 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
+  color: RGBA(85, 157, 194, var(--bs-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(85, 157, 194, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-secondary {
@@ -3630,8 +3630,8 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-light:hover, .link-light:focus {
-  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
+  color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-dark {
@@ -9369,4 +9369,45 @@ textarea.form-control-lg {
     width: 100%;
     border-radius: 6px !important;
   }
+}
+.login input.button {
+  font-weight: 600;
+  padding: 10px 25px;
+  margin-top: 15px !important;
+  background: #2a85b3 !important;
+}
+
+.visually-hidden {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+}
+
+.visually-hidden-focusable:active,
+.visually-hidden-focusable:focus {
+  position: static !important;
+  width: auto !important;
+  height: auto !important;
+  margin: 0 !important;
+  overflow: visible !important;
+  clip: auto !important;
+  white-space: normal !important;
+}
+
+.customize-link-toggle {
+  transition: box-shadow 0.15s ease, outline 0.15s ease, background-color 0.15s ease;
+}
+
+.customize-link-toggle:focus-visible,
+.customize-link-toggle:focus {
+  outline: 3px solid #2a85b3;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 0.15rem rgba(42, 133, 179, 0.5);
+  background-color: rgba(42, 133, 179, 0.08);
 }
\ No newline at end of file
diff --git a/index.php b/index.php
index 809e9a9..eabdd4f 100644
--- a/index.php
+++ b/index.php
@@ -170,7 +170,7 @@ class="btn btn-primary text-uppercase py-2 px-4 mt-2 mt-md-0"
                                 </div>
                                 <?php if (defined('enableCustomURL') && enableCustomURL): ?>
                                     <a
-                                        class="btn btn-sm btn-white text-black-50 text-uppercase"
+                                        class="btn btn-sm btn-white text-black-50 text-uppercase customize-link-toggle"
                                         data-bs-toggle="collapse"
                                         href="#customise-link"
                                         role="button"

From 6bfe0b97480881c38897b1e78d0ef89eba2d65ad Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Mon, 5 Jan 2026 08:14:37 -0500
Subject: [PATCH 13/15] UTCT-228: Correct primary default color.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/assets/sass/styles.scss |   2 +-
 frontend/dist/styles.css         | 142 +++++++++++++++----------------
 2 files changed, 72 insertions(+), 72 deletions(-)

diff --git a/frontend/assets/sass/styles.scss b/frontend/assets/sass/styles.scss
index 9d1e20d..6ee2990 100644
--- a/frontend/assets/sass/styles.scss
+++ b/frontend/assets/sass/styles.scss
@@ -7,7 +7,7 @@ $oswald: "Oswald", system-ui, -apple-system, "Segoe UI", Oswald, "Helvetica Neue
 
 // Theme variables (safe defaults)
 $theme: "light" !default;
-$primary: #2a85b3 !default;
+$primary: #112e51 !default;
 // Accent color for light theme
 $accent: $primary !default;
 // Background color for light theme buttons
diff --git a/frontend/dist/styles.css b/frontend/dist/styles.css
index b4a878c..315a778 100644
--- a/frontend/dist/styles.css
+++ b/frontend/dist/styles.css
@@ -26,7 +26,7 @@
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
-  --bs-primary: #2a85b3;
+  --bs-primary: #112e51;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
@@ -34,7 +34,7 @@
   --bs-danger: #dc3545;
   --bs-light: #ffffff;
   --bs-dark: #212529;
-  --bs-primary-rgb: 42, 133, 179;
+  --bs-primary-rgb: 17, 46, 81;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-success-rgb: 25, 135, 84;
   --bs-info-rgb: 13, 202, 240;
@@ -42,7 +42,7 @@
   --bs-danger-rgb: 220, 53, 69;
   --bs-light-rgb: 255, 255, 255;
   --bs-dark-rgb: 33, 37, 41;
-  --bs-primary-text-emphasis: rgb(16.8, 53.2, 71.6);
+  --bs-primary-text-emphasis: rgb(6.8, 18.4, 32.4);
   --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
   --bs-success-text-emphasis: rgb(10, 54, 33.6);
   --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
@@ -50,7 +50,7 @@
   --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
   --bs-light-text-emphasis: #495057;
   --bs-dark-text-emphasis: #495057;
-  --bs-primary-bg-subtle: rgb(212.4, 230.6, 239.8);
+  --bs-primary-bg-subtle: rgb(207.4, 213.2, 220.2);
   --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
   --bs-success-bg-subtle: rgb(209, 231, 220.8);
   --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
@@ -58,7 +58,7 @@
   --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
   --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
   --bs-dark-bg-subtle: #ced4da;
-  --bs-primary-border-subtle: rgb(169.8, 206.2, 224.6);
+  --bs-primary-border-subtle: rgb(159.8, 171.4, 185.4);
   --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
   --bs-success-border-subtle: rgb(163, 207, 186.6);
   --bs-info-border-subtle: rgb(158.2, 233.8, 249);
@@ -90,11 +90,11 @@
   --bs-tertiary-bg: #f8f9fa;
   --bs-tertiary-bg-rgb: 248, 249, 250;
   --bs-heading-color: inherit;
-  --bs-link-color: #2a85b3;
-  --bs-link-color-rgb: 42, 133, 179;
+  --bs-link-color: #112e51;
+  --bs-link-color-rgb: 17, 46, 81;
   --bs-link-decoration: underline;
-  --bs-link-hover-color: rgb(33.6, 106.4, 143.2);
-  --bs-link-hover-color-rgb: 34, 106, 143;
+  --bs-link-hover-color: rgb(13.6, 36.8, 64.8);
+  --bs-link-hover-color-rgb: 14, 37, 65;
   --bs-code-color: #d63384;
   --bs-highlight-color: #212529;
   --bs-highlight-bg: rgb(255, 242.6, 205.4);
@@ -115,7 +115,7 @@
   --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   --bs-focus-ring-width: 0.25rem;
   --bs-focus-ring-opacity: 0.25;
-  --bs-focus-ring-color: rgba(42, 133, 179, 0.25);
+  --bs-focus-ring-color: rgba(17, 46, 81, 0.25);
   --bs-form-valid-color: #198754;
   --bs-form-valid-border-color: #198754;
   --bs-form-invalid-color: #dc3545;
@@ -138,7 +138,7 @@
   --bs-tertiary-color-rgb: 222, 226, 230;
   --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
   --bs-tertiary-bg-rgb: 43, 48, 53;
-  --bs-primary-text-emphasis: rgb(127.2, 181.8, 209.4);
+  --bs-primary-text-emphasis: rgb(112.2, 129.6, 150.6);
   --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
   --bs-success-text-emphasis: rgb(117, 183, 152.4);
   --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
@@ -146,7 +146,7 @@
   --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
   --bs-light-text-emphasis: #f8f9fa;
   --bs-dark-text-emphasis: #dee2e6;
-  --bs-primary-bg-subtle: rgb(8.4, 26.6, 35.8);
+  --bs-primary-bg-subtle: rgb(3.4, 9.2, 16.2);
   --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
   --bs-success-bg-subtle: rgb(5, 27, 16.8);
   --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
@@ -154,7 +154,7 @@
   --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
   --bs-light-bg-subtle: #343a40;
   --bs-dark-bg-subtle: #1a1d20;
-  --bs-primary-border-subtle: rgb(25.2, 79.8, 107.4);
+  --bs-primary-border-subtle: rgb(10.2, 27.6, 48.6);
   --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
   --bs-success-border-subtle: rgb(15, 81, 50.4);
   --bs-info-border-subtle: rgb(7.8, 121.2, 144);
@@ -163,10 +163,10 @@
   --bs-light-border-subtle: #495057;
   --bs-dark-border-subtle: #343a40;
   --bs-heading-color: inherit;
-  --bs-link-color: rgb(127.2, 181.8, 209.4);
-  --bs-link-hover-color: rgb(152.76, 196.44, 218.52);
-  --bs-link-color-rgb: 127, 182, 209;
-  --bs-link-hover-color-rgb: 153, 196, 219;
+  --bs-link-color: rgb(112.2, 129.6, 150.6);
+  --bs-link-hover-color: rgb(140.76, 154.68, 171.48);
+  --bs-link-color-rgb: 112, 130, 151;
+  --bs-link-hover-color-rgb: 141, 155, 171;
   --bs-code-color: rgb(230.4, 132.6, 181.2);
   --bs-highlight-color: #dee2e6;
   --bs-highlight-bg: rgb(102, 77.2, 2.8);
@@ -1882,9 +1882,9 @@ progress {
 .form-control:focus {
   color: var(--bs-body-color);
   background-color: #ebebeb;
-  border-color: rgb(148.5, 194, 217);
+  border-color: rgb(136, 150.5, 168);
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(17, 46, 81, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   min-width: 85px;
@@ -2028,9 +2028,9 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: rgb(148.5, 194, 217);
+  border-color: rgb(136, 150.5, 168);
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(17, 46, 81, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.75rem;
@@ -2112,13 +2112,13 @@ textarea.form-control-lg {
   filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: rgb(148.5, 194, 217);
+  border-color: rgb(136, 150.5, 168);
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(17, 46, 81, 0.25);
 }
 .form-check-input:checked {
-  background-color: #2a85b3;
-  border-color: #2a85b3;
+  background-color: #112e51;
+  border-color: #112e51;
 }
 .form-check-input:checked[type=checkbox] {
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
@@ -2127,8 +2127,8 @@ textarea.form-control-lg {
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
 }
 .form-check-input[type=checkbox]:indeterminate {
-  background-color: #2a85b3;
-  border-color: #2a85b3;
+  background-color: #112e51;
+  border-color: #112e51;
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
@@ -2159,7 +2159,7 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28148.5, 194, 217%29'/%3e%3c/svg%3e");
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28136, 150.5, 168%29'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
@@ -2205,10 +2205,10 @@ textarea.form-control-lg {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(17, 46, 81, 0.25);
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(17, 46, 81, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -2218,7 +2218,7 @@ textarea.form-control-lg {
   height: 1rem;
   margin-top: -0.25rem;
   appearance: none;
-  background-color: #2a85b3;
+  background-color: #112e51;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2229,7 +2229,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: rgb(191.1, 218.4, 232.2);
+  background-color: rgb(183.6, 192.3, 202.8);
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
@@ -2244,7 +2244,7 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   appearance: none;
-  background-color: #2a85b3;
+  background-color: #112e51;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2255,7 +2255,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: rgb(191.1, 218.4, 232.2);
+  background-color: rgb(183.6, 192.3, 202.8);
 }
 .form-range::-moz-range-track {
   width: 100%;
@@ -2714,20 +2714,20 @@ textarea.form-control-lg {
 }
 
 .btn-primary {
-  --bs-btn-color: #000;
-  --bs-btn-bg: #2a85b3;
-  --bs-btn-border-color: #2a85b3;
-  --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: rgb(73.95, 151.3, 190.4);
-  --bs-btn-hover-border-color: rgb(63.3, 145.2, 186.6);
-  --bs-btn-focus-shadow-rgb: 36, 113, 152;
-  --bs-btn-active-color: #000;
-  --bs-btn-active-bg: rgb(84.6, 157.4, 194.2);
-  --bs-btn-active-border-color: rgb(63.3, 145.2, 186.6);
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #112e51;
+  --bs-btn-border-color: #112e51;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: rgb(14.45, 39.1, 68.85);
+  --bs-btn-hover-border-color: rgb(13.6, 36.8, 64.8);
+  --bs-btn-focus-shadow-rgb: 53, 77, 107;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(13.6, 36.8, 64.8);
+  --bs-btn-active-border-color: rgb(12.75, 34.5, 60.75);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #000;
-  --bs-btn-disabled-bg: #2a85b3;
-  --bs-btn-disabled-border-color: #2a85b3;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #112e51;
+  --bs-btn-disabled-border-color: #112e51;
 }
 
 .btn-secondary {
@@ -2850,19 +2850,19 @@ textarea.form-control-lg {
 }
 
 .btn-outline-primary {
-  --bs-btn-color: #2a85b3;
-  --bs-btn-border-color: #2a85b3;
-  --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #2a85b3;
-  --bs-btn-hover-border-color: #2a85b3;
-  --bs-btn-focus-shadow-rgb: 42, 133, 179;
-  --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #2a85b3;
-  --bs-btn-active-border-color: #2a85b3;
+  --bs-btn-color: #112e51;
+  --bs-btn-border-color: #112e51;
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #112e51;
+  --bs-btn-hover-border-color: #112e51;
+  --bs-btn-focus-shadow-rgb: 17, 46, 81;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: #112e51;
+  --bs-btn-active-border-color: #112e51;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #2a85b3;
+  --bs-btn-disabled-color: #112e51;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #2a85b3;
+  --bs-btn-disabled-border-color: #112e51;
   --bs-gradient: none;
 }
 
@@ -2997,7 +2997,7 @@ textarea.form-control-lg {
   --bs-btn-disabled-color: #6c757d;
   --bs-btn-disabled-border-color: transparent;
   --bs-btn-box-shadow: 0 0 0 #000;
-  --bs-btn-focus-shadow-rgb: 36, 113, 152;
+  --bs-btn-focus-shadow-rgb: 53, 77, 107;
   text-decoration: underline;
 }
 .btn-link:focus-visible {
@@ -3261,8 +3261,8 @@ textarea.form-control-lg {
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2816.8, 53.2, 71.6%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
-  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%286.8, 18.4, 32.4%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(17, 46, 81, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
   --bs-accordion-active-color: var(--bs-primary-text-emphasis);
@@ -3378,8 +3378,8 @@ textarea.form-control-lg {
 }
 
 [data-bs-theme=dark] .accordion-button::after {
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28127.2, 181.8, 209.4%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28127.2, 181.8, 209.4%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28112.2, 129.6, 150.6%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28112.2, 129.6, 150.6%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
 }
 
 .alert {
@@ -3482,7 +3482,7 @@ textarea.form-control-lg {
   --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
   --bs-btn-close-opacity: 0.5;
   --bs-btn-close-hover-opacity: 0.75;
-  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(42, 133, 179, 0.25);
+  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(17, 46, 81, 0.25);
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
   box-sizing: content-box;
@@ -3532,7 +3532,7 @@ textarea.form-control-lg {
 }
 
 .text-bg-primary {
-  color: #000 !important;
+  color: #fff !important;
   background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
@@ -3576,8 +3576,8 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: RGBA(85, 157, 194, var(--bs-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(85, 157, 194, var(--bs-link-underline-opacity, 1)) !important;
+  color: RGBA(14, 37, 65, var(--bs-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(14, 37, 65, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-secondary {
@@ -9374,7 +9374,7 @@ textarea.form-control-lg {
   font-weight: 600;
   padding: 10px 25px;
   margin-top: 15px !important;
-  background: #2a85b3 !important;
+  background: #112e51 !important;
 }
 
 .visually-hidden {
@@ -9406,8 +9406,8 @@ textarea.form-control-lg {
 
 .customize-link-toggle:focus-visible,
 .customize-link-toggle:focus {
-  outline: 3px solid #2a85b3;
+  outline: 3px solid #112e51;
   outline-offset: 2px;
-  box-shadow: 0 0 0 0.15rem rgba(42, 133, 179, 0.5);
-  background-color: rgba(42, 133, 179, 0.08);
+  box-shadow: 0 0 0 0.15rem rgba(17, 46, 81, 0.5);
+  background-color: rgba(17, 46, 81, 0.08);
 }
\ No newline at end of file

From 737533bc24744d9988413207a026e9baecedce6e Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Mon, 5 Jan 2026 09:02:52 -0500
Subject: [PATCH 14/15] UTCT-228: Correct form tabindex order.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 frontend/header.php | 6 ++++--
 index.php           | 7 +++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/header.php b/frontend/header.php
index 025720b..9ede818 100644
--- a/frontend/header.php
+++ b/frontend/header.php
@@ -43,6 +43,7 @@
             border-color: <?php echo adjustBrightness(colour, -15) ?>;
         }
     </style>
+
     <script>
         document.addEventListener('DOMContentLoaded', function () {
             var customizeLink = document.querySelector('[href="#customise-link"][data-bs-toggle="collapse"]');
@@ -50,9 +51,9 @@
 
             if (customizeLink && customizeInput) {
                 customizeLink.addEventListener('click', function () {
-                    // Delay to let Bootstrap finish the collapse animation
+                    // Wait for collapse animation
                     setTimeout(function () {
-                        if (customizeInput.offsetParent !== null) { // visible
+                        if (customizeInput.offsetParent !== null) {
                             customizeInput.focus();
                         }
                     }, 200);
@@ -60,4 +61,5 @@
             }
         });
     </script>
+
 </head>
diff --git a/index.php b/index.php
index eabdd4f..2fabe2c 100644
--- a/index.php
+++ b/index.php
@@ -155,7 +155,7 @@ class="btn btn-primary text-uppercase py-2 px-5 mt-2 mt-md-0"
                                         id="url"
                                         class="form-control text-uppercase"
                                         placeholder="PASTE URL, SHORTEN and SHARE"
-                                        aria-label="Paste a URL to shorten and share"
+                                        aria-label="Paste a long URL to shorten"
                                         aria-describedby="shorten-button"
                                         required
                                         tabindex="1"
@@ -165,7 +165,7 @@ class="btn btn-primary text-uppercase py-2 px-4 mt-2 mt-md-0"
                                         type="submit"
                                         id="shorten-button"
                                         value="Shorten"
-                                        tabindex="3"
+                                        tabindex="4"
                                     />
                                 </div>
                                 <?php if (defined('enableCustomURL') && enableCustomURL): ?>
@@ -194,14 +194,13 @@ class="btn btn-sm btn-white text-black-50 text-uppercase customize-link-toggle"
                                                     class="form-control form-control-sm text-uppercase"
                                                     placeholder="CUSTOM URL"
                                                     aria-label="Custom URL keyword"
-                                                    tabindex="4"
+                                                    tabindex="3"
                                                 >
                                             </div>
                                         </div>
                                     </div>
                                 <?php endif; ?>
                             </form>
-
                         </div>
                     <?php endif; ?>
                 </div>

From 137f2ccc35f89d8c92209fac925059e7f6b448d0 Mon Sep 17 00:00:00 2001
From: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
Date: Tue, 6 Jan 2026 10:59:15 -0500
Subject: [PATCH 15/15] UTCT-241: Remove PHP 8 deprecated code from
 QRImageWithLogo.

Signed-off-by: Chris Gilligan <49878588+UTCGilligan@users.noreply.github.com>
---
 user/plugins/seans-qrcode/QRImageWithLogo.php | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/user/plugins/seans-qrcode/QRImageWithLogo.php b/user/plugins/seans-qrcode/QRImageWithLogo.php
index 967041e..41cd2bd 100644
--- a/user/plugins/seans-qrcode/QRImageWithLogo.php
+++ b/user/plugins/seans-qrcode/QRImageWithLogo.php
@@ -12,12 +12,8 @@
  * @noinspection PhpComposerExtensionStubsInspection
  */
 
-// namespace chillerlan\QRCode;
-
 use chillerlan\QRCode\Output\{QRCodeOutputException, QRImage};
 
-use function imagecopyresampled, imagecreatefrompng, imagesx, imagesy, is_file, is_readable;
-
 /**
  * @property \chillerlan\QRCodeExamples\LogoOptions $options
  */