Modified themes to use CSS variable

4 files changed, 28 insertions, 75 deletions

diff --git a/static/css/aafu.css b/static/css/aafu.css
index a51d565..e8b8105 100644
--- a/static/css/aafu.css
+++ b/static/css/aafu.css
@@ -84,4 +84,7 @@ a:hover,
 .page-item.active * {
   color: var(--secondaryText) !important;
   background-color: var(--secondaryBg) !important;
+}
+.aafu-border {
+  border-color: var(--primaryLinks) !important;
 }
\ No newline at end of file
diff --git a/static/css/aafu_dark.css b/static/css/aafu_dark.css
index 08c446f..5ae1087 100644
--- a/static/css/aafu_dark.css
+++ b/static/css/aafu_dark.css
@@ -1,33 +1,9 @@
-body {
-  background-color: #2c2b2b;
-  color: white;
-}
-
-.profile-area {
-  background-color: #373737;
-}
-
-.shadow {
-  box-shadow: -4px -4px 5px 2px black !important;
-}
-
-a,
-.accordion,
-.social-icons * {
-  color: #ffc107;
-}
-
-a:hover,
-.accordion:hover,
-.social-icons *:hover {
-  color: #dba810;
-}
-
-.skillbar {
-  background-color: #262626;
-  border: solid 1px white;
-}
-
-#skill-percent {
-  background-color: #ffc107;
+:root {
+  --primaryBg: #2c2b2b;
+  --primaryText: white;
+  --primaryLinks: #ffc107;
+  --secondaryBg: #373737;
+  --secondaryText: white;
+  --secondaryLinks: #ffc107;
+  --shadow: black;
 }
diff --git a/static/css/aafu_light.css b/static/css/aafu_light.css
index fd40910..fe7d589 100644
--- a/static/css/aafu_light.css
+++ b/static/css/aafu_light.css
@@ -1,4 +1,9 @@
-
-
-
-
+:root {
+  --primaryBg: #f8f9fa;
+  --primaryText: black;
+  --primaryLinks: #007bff;
+  --secondaryBg: #fff;
+  --secondaryText: black;
+  --secondaryLinks: #007bff;
+  --shadow: #595659;
+}
diff --git a/static/css/aafu_pinkish.css b/static/css/aafu_pinkish.css
index 9310bbf..d219c10 100644
--- a/static/css/aafu_pinkish.css
+++ b/static/css/aafu_pinkish.css
@@ -1,40 +1,9 @@
-body {

-  background-color: #f8f9fa;

-  color: black;

-}

-

-.profile-area {

-  background-color: #81415f;

-  color: white;

-}

-

-.shadow {

-  box-shadow: -4px -4px 5px 2px #595659 !important;

-}

-

-a,

-.accordion {

-  color: #81415f;

-}

-

-a:hover,

-.accordion:hover {

-  color: #81415f;

-}

-

-.profile-area a {

-  color: #ffc107;

-}

-

-.profile-area a:hover {

-  color: #d6a206;

-}

-

-.skillbar {

-  background-color: #fff;

-  border: solid 1px black;

-}

-

-#skill-percent {

-  background-color: #81415f;

+:root {

+  --primaryBg: #f8f9fa;

+  --primaryText: black;

+  --primaryLinks: #81415f;

+  --secondaryBg: #81415f;

+  --secondaryText: white;

+  --secondaryLinks: #ffc107;

+  --shadow: #595659;

 }