From 75f5f3a0a8f524fdedc6cb2241b650732a1c1f10 Mon Sep 17 00:00:00 2001
From: Godfrey M <godmartinz@gmail.com>
Date: Wed, 18 May 2022 09:37:53 -0700
Subject: [PATCH] fixes inconsistencies with links styling

---
 resources/assets/less/skins/skin-black.less  | 20 ++++++++++++++++++
 resources/assets/less/skins/skin-blue.less   | 20 ++++++++++++++++++
 resources/assets/less/skins/skin-green.less  | 22 +++++++++++++++++++-
 resources/assets/less/skins/skin-orange.less | 20 ++++++++++++++++++
 resources/assets/less/skins/skin-purple.less | 21 +++++++++++++++++++
 resources/assets/less/skins/skin-red.less    | 22 ++++++++++++++++++++
 resources/assets/less/skins/skin-yellow.less | 21 +++++++++++++++++++
 7 files changed, 145 insertions(+), 1 deletion(-)

diff --git a/resources/assets/less/skins/skin-black.less b/resources/assets/less/skins/skin-black.less
index 5db57608f0..29322ac96e 100755
--- a/resources/assets/less/skins/skin-black.less
+++ b/resources/assets/less/skins/skin-black.less
@@ -102,6 +102,26 @@ a {
 .text-primary {
   color: darken(@black, 20%);
 }
+:root {
+  --button-default: darken(@black, 15%);
+  --button-primary: darken(@black, 25%);
+  --button-hover: darken(@black, 30%);
+  --header: @black; /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #AAA; /* Use same as Header picker, lighten by 70% */
+  --visited-link: lighten(@black, 40%); /* Use same as Header picker, lighten by 70% */
+  --hover-link: lighten(@black, 45%); /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF; /* Use same as Header picker */
+  --light-link: #fff; /* Use same as Header picker */
+}
+a:link {
+  color: var(--link);
+}
+
+a:visited {
+  color: var(--visited-link);
+}
 
 .skin-black .main-header .navbar .nav>li>a, .skin-black .main-header .navbar .nav>li>a {
   text-decoration: none;
diff --git a/resources/assets/less/skins/skin-blue.less b/resources/assets/less/skins/skin-blue.less
index dc02aeab37..d8764521c1 100755
--- a/resources/assets/less/skins/skin-blue.less
+++ b/resources/assets/less/skins/skin-blue.less
@@ -109,6 +109,26 @@ a {
     color: @light-blue;
   }
 }
+:root {
+  --button-default: darken(@blue, 15%);
+  --button-primary: darken(@blue, 25%);
+  --button-hover: darken(@blue, 30%);
+  --header: @blue; /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #1978D4; /* Use same as Header picker, lighten by 70% */
+  --visited-link: #3c8dbc ; /* Use same as Header picker, lighten by 70% */
+  --hover-link: #4B77BE; /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF; /* Use same as Header picker */
+  --light-link: #fff; /* Use same as Header picker */
+}
+a:link {
+  color: var(--link);
+}
+
+a:visited {
+  color: var(--visited-link);
+}
 
 .text-primary {
   color: darken(@light-blue, 20%);
diff --git a/resources/assets/less/skins/skin-green.less b/resources/assets/less/skins/skin-green.less
index b0f38c557d..e0ca3330c1 100755
--- a/resources/assets/less/skins/skin-green.less
+++ b/resources/assets/less/skins/skin-green.less
@@ -6,7 +6,20 @@
 @import "../bootstrap-less/variables.less";
 @import "../variables.less";
 @import "../mixins.less";
-
+:root{
+  --visited-link: #5D995D; /* Use same as Header picker, lighten by 70% */
+  --background: #222;
+  --back-main: #333;
+  --back-sub: #3d4144;
+  --back-sub-alt: rgba(0, 0, 0, 0.36);
+  --button-default: darken(@green, 15%);
+  --button-primary: darken(@green, 25%);
+  --button-hover: darken(@green, 30%);
+  --header: @green; /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #28A228; /* Use same as Header picker, lighten by 70% */
+}
 .skin-green {
   //Navbar
   .main-header {
@@ -85,6 +98,13 @@
   }
 }
 
+a:link {
+  color: var(--link);
+}
+
+a:visited {
+  color: var(--visited-link);
+}
 
 a {
   color: @green;
diff --git a/resources/assets/less/skins/skin-orange.less b/resources/assets/less/skins/skin-orange.less
index 89e5ac9d24..8d8ffc117a 100644
--- a/resources/assets/less/skins/skin-orange.less
+++ b/resources/assets/less/skins/skin-orange.less
@@ -99,6 +99,26 @@ a {
 .text-primary {
   color: darken(@orange, 20%);
 }
+:root {
+  --button-default: darken(@orange, 15%);
+  --button-primary: darken(@orange, 25%);
+  --button-hover: darken(@orange, 30%);
+  --header: @orange; /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #D43900; /* Use same as Header picker, lighten by 70% */
+  --visited-link: #D46A43; /* Use same as Header picker, lighten by 70% */
+  --hover-link: #FF4500; /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF; /* Use same as Header picker */
+  --light-link: #fff; /* Use same as Header picker */
+}
+a:link {
+  color: var(--link);
+}
+
+a:visited {
+  color: var(--visited-link);
+}
 
 .fixed-table-container tbody .selected td {
   background-color: #fff8af;
diff --git a/resources/assets/less/skins/skin-purple.less b/resources/assets/less/skins/skin-purple.less
index 1edaff0677..cc58f54f37 100755
--- a/resources/assets/less/skins/skin-purple.less
+++ b/resources/assets/less/skins/skin-purple.less
@@ -100,6 +100,27 @@ a {
   color: darken(@purple, 20%);
 }
 
+:root {
+  --button-default: darken(@purple, 15%);
+  --button-primary: darken(@purple, 25%);
+  --button-hover: darken(@purple, 30%);
+  --header: @purple; /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: #9370DB; /* Use same as Header picker, lighten by 70% */
+  --visited-link: #B93CF6; /* Use same as Header picker, lighten by 70% */
+  --hover-link: #BF55EC; /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF; /* Use same as Header picker */
+  --light-link: #fff; /* Use same as Header picker */
+}
+a:link {
+  color: var(--link);
+}
+
+a:visited {
+  color: var(--visited-link);
+}
+
 .fixed-table-container tbody .selected td {
   background-color: #fff8af;
 }
diff --git a/resources/assets/less/skins/skin-red.less b/resources/assets/less/skins/skin-red.less
index c2383d0de0..115cbc6099 100755
--- a/resources/assets/less/skins/skin-red.less
+++ b/resources/assets/less/skins/skin-red.less
@@ -100,6 +100,28 @@ a {
   color: darken(@red, 20%);
 }
 
+:root {
+  --button-default: darken(@red, 15%);
+  --button-primary: darken(@red, 25%);
+  --button-hover: darken(@red, 30%);
+  --header: @red; /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-alt: #222;
+  --text-sub: #9b9b9b;
+  --link: #e00000; /* Use same as Header picker, lighten by 70% */
+  --visited-link: #D24D57; /* Use same as Header picker, lighten by 70% */
+  --hover-link: #D24D57; /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF; /* Use same as Header picker */
+  --light-link: #fff; /* Use same as Header picker */
+}
+a:link {
+  color: var(--link);
+}
+
+a:visited {
+  color: var(--visited-link);
+}
+
 .fixed-table-container tbody .selected td {
   background-color: #fff8af;
 }
diff --git a/resources/assets/less/skins/skin-yellow.less b/resources/assets/less/skins/skin-yellow.less
index b8c5de92c3..daafdce9c7 100755
--- a/resources/assets/less/skins/skin-yellow.less
+++ b/resources/assets/less/skins/skin-yellow.less
@@ -100,6 +100,27 @@ a {
   color: darken(@yellow, 20%);
 }
 
+:root {
+  --button-default: darken(@yellow, 15%);
+  --button-primary: darken(@yellow, 25%);
+  --button-hover: darken(@yellow, 30%);
+  --header: @yellow; /* Use same as Header picker */
+  --text-main: #BBB;
+  --text-sub: #9b9b9b;
+  --link: lighten(@yellow, 10%); /* Use same as Header picker, lighten by 70% */
+  --visited-link: lighten(@yellow, 20%); /* Use same as Header picker, lighten by 70% */
+  --hover-link: lighten(@yellow, 45%); /* Use same as Header picker, lighten by 70% */
+  --nav-link: #FFF; /* Use same as Header picker */
+  --light-link: #fff; /* Use same as Header picker */
+}
+a:link {
+  color: var(--link);
+}
+
+a:visited {
+  color: var(--visited-link);
+}
+
 .fixed-table-container tbody .selected td {
   background-color: #fff8af;
 }