color

TesseraktZero · Jun 17, 2024 · 595ecc2 · 595ecc2
1 parent 4fc75b3
commit 595ecc2
Show file tree

Hide file tree

Showing 13 changed files with 51 additions and 51 deletions.
diff --git a/BlueFides.html b/BlueFides.html
@@ -207,8 +207,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./BlueFides.html" class="hvr-underline-from-center selected">FIDES</a>
-            <a href="./BlueItems.html" class="hvr-underline-from-center">ITEMS</a>
+            <a href="./BlueFides.html" class="hvr-underline-from-center selected">Fides</a>
+            <a href="./BlueItems.html" class="hvr-underline-from-center">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -229,7 +229,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #c8e1fe;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/BlueItems.html b/BlueItems.html
@@ -175,7 +175,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -207,8 +207,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./BlueFides.html" class="hvr-underline-from-center">FIDES</a>
-            <a href="./BlueItems.html" class="hvr-underline-from-center selected">ITEMS</a>
+            <a href="./BlueFides.html" class="hvr-underline-from-center">Fides</a>
+            <a href="./BlueItems.html" class="hvr-underline-from-center selected">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -229,7 +229,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #c8e1fe;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/GreenFides.html b/GreenFides.html
@@ -176,7 +176,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -208,8 +208,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./GreenFides.html" class="hvr-underline-from-center selected">FIDES</a>
-            <a href="./GreenItems.html" class="hvr-underline-from-center">ITEMS</a>
+            <a href="./GreenFides.html" class="hvr-underline-from-center selected">Fides</a>
+            <a href="./GreenItems.html" class="hvr-underline-from-center">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -230,7 +230,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #b0fcdd;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/GreenItems.html b/GreenItems.html
@@ -173,7 +173,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -205,8 +205,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./GreenFides.html" class="hvr-underline-from-center">FIDES</a>
-            <a href="./GreenItems.html" class="hvr-underline-from-center selected">ITEMS</a>
+            <a href="./GreenFides.html" class="hvr-underline-from-center">Fides</a>
+            <a href="./GreenItems.html" class="hvr-underline-from-center selected">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -227,7 +227,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #b0fcdd;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/PurpleFides.html b/PurpleFides.html
@@ -176,7 +176,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -208,8 +208,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./PurpleFides.html" class="hvr-underline-from-center selected">FIDES</a>
-            <a href="./PurpleItems.html" class="hvr-underline-from-center">ITEMS</a>
+            <a href="./PurpleFides.html" class="hvr-underline-from-center selected">Fides</a>
+            <a href="./PurpleItems.html" class="hvr-underline-from-center">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -230,7 +230,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #e8b8f7;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/PurpleItems.html b/PurpleItems.html
@@ -173,7 +173,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -205,8 +205,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./PurpleFides.html" class="hvr-underline-from-center">FIDES</a>
-            <a href="./PurpleItems.html" class="hvr-underline-from-center selected">ITEMS</a>
+            <a href="./PurpleFides.html" class="hvr-underline-from-center">Fides</a>
+            <a href="./PurpleItems.html" class="hvr-underline-from-center selected">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -227,7 +227,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #e8b8f7;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/RedFides.html b/RedFides.html
@@ -178,7 +178,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -210,8 +210,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./RedFides.html" class="hvr-underline-from-center selected">FIDES</a>
-            <a href="./RedItems.html" class="hvr-underline-from-center">ITEMS</a>
+            <a href="./RedFides.html" class="hvr-underline-from-center selected">Fides</a>
+            <a href="./RedItems.html" class="hvr-underline-from-center">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -232,7 +232,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #f3acac;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/RedItems.html b/RedItems.html
@@ -171,7 +171,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -203,8 +203,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./RedFides.html" class="hvr-underline-from-center">FIDES</a>
-            <a href="./RedItems.html" class="hvr-underline-from-center selected">ITEMS</a>
+            <a href="./RedFides.html" class="hvr-underline-from-center">Fides</a>
+            <a href="./RedItems.html" class="hvr-underline-from-center selected">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -225,7 +225,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #f3acac;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/WhiteFides.html b/WhiteFides.html
@@ -172,7 +172,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -204,8 +204,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./WhiteFides.html" class="hvr-underline-from-center selected">FIDES</a>
-            <a href="./WhiteItems.html" class="hvr-underline-from-center">ITEMS</a>
+            <a href="./WhiteFides.html" class="hvr-underline-from-center selected">Fides</a>
+            <a href="./WhiteItems.html" class="hvr-underline-from-center">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -226,7 +226,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #fffcf2;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/WhiteItems.html b/WhiteItems.html
@@ -177,7 +177,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -209,8 +209,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./WhiteFides.html" class="hvr-underline-from-center">FIDES</a>
-            <a href="./WhiteItems.html" class="hvr-underline-from-center selected">ITEMS</a>
+            <a href="./WhiteFides.html" class="hvr-underline-from-center">Fides</a>
+            <a href="./WhiteItems.html" class="hvr-underline-from-center selected">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -231,7 +231,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #fffcf2;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/YellowFides.html b/YellowFides.html
@@ -177,7 +177,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -209,8 +209,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./YellowFides.html" class="hvr-underline-from-center selected">FIDES</a>
-            <a href="./YellowItems.html" class="hvr-underline-from-center">ITEMS</a>
+            <a href="./YellowFides.html" class="hvr-underline-from-center selected">Fides</a>
+            <a href="./YellowItems.html" class="hvr-underline-from-center">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -231,7 +231,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #ffe7a0;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/YellowItems.html b/YellowItems.html
@@ -172,7 +172,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>-RE- AETHERIUS</title>
     </head>
-    <body style="background-color: #f7edcf;">
+    <body style="background-color: #343a40;">
 
 <body>
 
@@ -204,8 +204,8 @@
     <!-- Sub-class buttons-->
     <div class="d-flex justify-content-center align-items-center vh-20">
         <h1 class="d-flex gap-2 button-container">
-            <a href="./YellowFides.html" class="hvr-underline-from-center">FIDES</a>
-            <a href="./YellowItems.html" class="hvr-underline-from-center selected">ITEMS</a>
+            <a href="./YellowFides.html" class="hvr-underline-from-center">Fides</a>
+            <a href="./YellowItems.html" class="hvr-underline-from-center selected">Non-Fides</a>
         </h1>
     </div>
     <div class="row" id="cardDisplay">
@@ -226,7 +226,7 @@ <h6 class="card-subtitle mb-2 text-muted">Card Sub-Name</h6>
 
 <div id="myModal" class="modal" >
     <div class="modal-dialog modal-dialog-centered modal-xl">
-        <div class="modal-content" style="background-color: #f7edcf;">
+        <div class="modal-content" style="background-color: #ffe7a0;">
             <div class="row">
                 <div class="col-md-6">
                     <img id="modalImg" src="" alt="Card Image" class="img-fluid">

diff --git a/styles.css b/styles.css
@@ -32,15 +32,15 @@
 .custom-table tbody,
 .custom-table th,
 .custom-table td {
-border: 2px solid #c9c0a1;
+border: 2px solid #343a40;
 }
 
 /* Background color for left column */
 .custom-table tbody th:first-child {
-background-color: #EDE0B9; /* Change this to your desired background color */
+background-color: #cdcdcd; /* Change this to your desired background color */
 }
 .custom-table tbody td {
-background-color: #F9ECC3; /* Change this to your desired background color */
+background-color: #ffffff; /* Change this to your desired background color */
 }
 
 /*buttons*/
@@ -50,7 +50,7 @@ background-color: #F9ECC3; /* Change this to your desired background color */
 }
 .button-container a {
     text-decoration: none;
-    color: black;
+    color: rgb(255, 255, 255);
     font-size: 36px;
 }
 .button-container a.selected {