RED THEME

kuco23 · Oct 5, 2024 · 9e80e51 · 9e80e51
1 parent c073dd9
commit 9e80e51
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 26 deletions.
diff --git a/packages/frontend/src/css/config.scss b/packages/frontend/src/css/config.scss
@@ -1,6 +1,7 @@
 /* global */
 $background-color: #171818;
-$foreground-color: #ccc;
+$foreground-color: darkred;
+$suptitle-color: white;
 $body-font-family: 'Source Code Pro', sans-serif, Arial, Helvetica;
 $h1-font-family: 'Open Sans', sans-serif, Arial, Helvetica;
 $h2-font-family: 'Montserrat Alternates', sans-serif, Arial, Helvetica;
@@ -13,7 +14,8 @@ $banner-h1-animation-flicker-speed: 5s;
 
 /* Namari style */
 $section-title-font-family: 'Montserrat Alternates', sans-serif, Arial, Helvetica;
-$header-hover-color: FireBrick;
+$header-hover-color: white;
+$header-underlined-color: white;
 
 /* popup */
 $popup-font-family: 'Coming Soon';
@@ -114,7 +116,7 @@ $gradient-button-animation-speed: 20s;
 $wallet-font-family: 'Open Sans', 'Montserrat Alternates';
 $wallet-label-font-size: 0.8rem;
 $wallet-label-font-weight: 100;
-$wallet-label-font-color: #444;
+$wallet-label-font-color: #000;
 $wallet-entry-font-size: 30px;
 $wallet-entry-font-color: white;
 $wallet-entry-text-shadow: 0 0 4px black;
@@ -137,8 +139,8 @@ $retract-input-color: firebrick;
 $blockquote-color: #ccc;
 
 /* social icons */
-$social-icon-color: #777;
-$social-icon-hover-color: FireBrick;
+$social-icon-solid-color: rgba(255,255,255,.6);
+$social-icon-solid-hover-color: white;
 
 /* underlining */
 $underline-color: firebrick;

diff --git a/packages/frontend/src/css/kucocoin-style.scss b/packages/frontend/src/css/kucocoin-style.scss
@@ -435,14 +435,9 @@ blockquote.ancient:after {
 
 .social-icons span[class^="icon-"], .social-icons span[class*=" icon-"] {
   transition: color .5s;
-  color: $social-icon-color;
   font-size: 14px;
 }
 
-.social-icons a:hover span[class^="icon-"], .social-icons a:hover span[class*=" icon-"] {
-  color: $social-icon-hover-color;
-}
-
 /* testimonials */
 
 .testimonial-footer {

diff --git a/packages/frontend/src/css/moving-borders.scss b/packages/frontend/src/css/moving-borders.scss
@@ -5,7 +5,7 @@ $clip-distance: .05;
 $clip-size: $box-size * (1 + $clip-distance * 2);
 $path-width: 2px;
 
-$main-color: #fff;
+$main-color: FireBrick;
 
 %full-fill {
   position: absolute;

diff --git a/packages/frontend/src/css/namari-color.scss b/packages/frontend/src/css/namari-color.scss
@@ -50,7 +50,7 @@
 /* Navigation Colors when the Navigation is sticky and solid */
 
 #header.nav-solid, #header.nav-solid a, #header.nav-solid i, #nav-mobile ul li a {
-  color: $background-color;
+  color: black;
 }
 
 #header nav a:hover {
@@ -62,25 +62,22 @@
 }
 
 #header.nav-solid nav a:hover {
-  background: $foreground-color;
   color: $header-hover-color;
 }
 
 #nav-mobile ul li a:hover {
-  background: $foreground-color;
   color: $header-hover-color;
 }
 
-
 /* Navigation Active State */
 
 #header.nav-solid a {
   border-color: transparent!important;
 }
 
 #header.nav-solid .active {
-  color: $header-hover-color;
-  border-color: $header-hover-color!important;
+  color: $header-underlined-color;
+  border-color: $header-underlined-color!important;
 }
 
 /*------------------------------------------------------------------------------------------*/

diff --git a/packages/frontend/src/css/namari-style.scss b/packages/frontend/src/css/namari-style.scss
@@ -443,12 +443,12 @@ section {
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
-    color: #666;
+    color: $social-icon-solid-color;
 }
 
 #header.nav-solid .social-icons a:hover {
-    opacity: 1;
-    color: #e4473c;
+  color: $social-icon-solid-hover-color;
+  opacity: 1;
 }
 
 /* Responsive Nav Styling */
@@ -536,15 +536,15 @@ nav#nav-mobile li {
     margin: 0 20px;
     float: none;
     text-align: left;
-    border-bottom: 1px solid #e1e1e1;
+    border-bottom: 1px solid black;
 }
 
 nav#nav-mobile li:last-child {
     border-bottom: none;
 }
 
 .nav-solid nav#nav-mobile li {
-    border-top: 1px solid #e1e1e1;
+    border-top: 1px solid black;
     border-bottom: none;
 }
 
@@ -668,7 +668,7 @@ h6 {
 .section-heading h3 {
     font-size: 14px;
     font-weight: bold;
-    color: $foreground-color;
+    color: $suptitle-color;
     letter-spacing: 2px;
     padding-bottom: 0;
 }
@@ -1088,7 +1088,7 @@ h6 {
 }
 
 #scrollUp:before {
-    background: $foreground-color;
+    background: #ddd;
     font-family: "icomoon";
     font-size: 2.4em;
     font-style: normal;

diff --git a/packages/frontend/src/index.html b/packages/frontend/src/index.html
@@ -136,7 +136,7 @@
                   <a href="#banner">Home</a>
                 </li>
                 <li>
-                  <a href="#buy">Buy</a>
+                  <a href="#buy">Buy KUCO</a>
                 </li>
                 <li>
                   <a href="#features">Features</a>
@@ -358,7 +358,7 @@ <h4>Preventing the loss of funds</h4>
                 for the loss of funds. Instead we're introducing a burn private key <span class="code">0xdead</span>,
                 with the associated address <span class="code">0x7B1aF...0d896</span>.
                 No more sleepless nights worrying about accidentally burned funds...
-                with KucoCoin you can rest assured that all of your <span class="underline">burned tokens are recovable</span>.
+                with KucoCoin you can rest assured that all of your <span class="underline">burned tokens are recoverable</span>.
                 So, go on, burn some tokens, and see them recovered.
               </div>
             </div>