Merge pull request #133 from aura-nw/style/update-new-branding

Style/update new branding
aura-nw · Jul 4, 2024 · aa1cb8f · aa1cb8f
2 parents f88da04 + b776c79
commit aa1cb8f
Show file tree

Hide file tree

Showing 44 changed files with 469 additions and 291 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -132,8 +132,8 @@ const config = {
     navbar: {
       logo: {
         alt: 'My Site Logo',
-        src: 'img/aura-logo-2.png',
-        srcDark: 'img/aura-logo.png',
+        src: 'img/aura-logo-2.svg',
+        srcDark: 'img/aura-logo.svg',
       },
       items: [
         {

diff --git a/src/components/CustomFooter/styles.module.scss b/src/components/CustomFooter/styles.module.scss
@@ -68,7 +68,7 @@
         font-weight: 400;
         font-size: 14px;
         line-height: 17px;
-        color: #717582;
+        color: #675B53;
     }
     .footer-navbar {
         display: flex;

diff --git a/src/components/icons.jsx b/src/components/icons.jsx
@@ -3,7 +3,7 @@ import React from "react";
 export const AuraGradient = () => {
     return (
     <linearGradient id="aura">
-        <stop offset="0%" stopColor="#5ee6d0" />
+        <stop offset="0%" stopColor="#FFA237" />
         <stop offset="50%" stopColor="#bfc6ff" />
         <stop offset="100%" stopColor="#ffba69" />
     </linearGradient>
@@ -17,7 +17,7 @@ export const CopyIcon = () => {
             <g id="copy-l-icon-svg" stroke-linecap="round" stroke-linejoin="round"></g>
             <g id="copy-f-icon-svg"> 
                 <g id="copy-icon"> 
-                    <path id="Vector" d="M9 9V6.2002C9 5.08009 9 4.51962 9.21799 4.0918C9.40973 3.71547 9.71547 3.40973 10.0918 3.21799C10.5196 3 11.0801 3 12.2002 3H17.8002C18.9203 3 19.4801 3 19.9079 3.21799C20.2842 3.40973 20.5905 3.71547 20.7822 4.0918C21.0002 4.51962 21.0002 5.07967 21.0002 6.19978V11.7998C21.0002 12.9199 21.0002 13.48 20.7822 13.9078C20.5905 14.2841 20.2839 14.5905 19.9076 14.7822C19.4802 15 18.921 15 17.8031 15H15M9 9H6.2002C5.08009 9 4.51962 9 4.0918 9.21799C3.71547 9.40973 3.40973 9.71547 3.21799 10.0918C3 10.5196 3 11.0801 3 12.2002V17.8002C3 18.9203 3 19.4801 3.21799 19.9079C3.40973 20.2842 3.71547 20.5905 4.0918 20.7822C4.5192 21 5.07899 21 6.19691 21H11.8036C12.9215 21 13.4805 21 13.9079 20.7822C14.2842 20.5905 14.5905 20.2839 14.7822 19.9076C15 19.4802 15 18.921 15 17.8031V15M9 9H11.8002C12.9203 9 13.4801 9 13.9079 9.21799C14.2842 9.40973 14.5905 9.71547 14.7822 10.0918C15 10.5192 15 11.079 15 12.1969L15 15" stroke="#5ee6d0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 
+                    <path id="Vector" d="M9 9V6.2002C9 5.08009 9 4.51962 9.21799 4.0918C9.40973 3.71547 9.71547 3.40973 10.0918 3.21799C10.5196 3 11.0801 3 12.2002 3H17.8002C18.9203 3 19.4801 3 19.9079 3.21799C20.2842 3.40973 20.5905 3.71547 20.7822 4.0918C21.0002 4.51962 21.0002 5.07967 21.0002 6.19978V11.7998C21.0002 12.9199 21.0002 13.48 20.7822 13.9078C20.5905 14.2841 20.2839 14.5905 19.9076 14.7822C19.4802 15 18.921 15 17.8031 15H15M9 9H6.2002C5.08009 9 4.51962 9 4.0918 9.21799C3.71547 9.40973 3.40973 9.71547 3.21799 10.0918C3 10.5196 3 11.0801 3 12.2002V17.8002C3 18.9203 3 19.4801 3.21799 19.9079C3.40973 20.2842 3.71547 20.5905 4.0918 20.7822C4.5192 21 5.07899 21 6.19691 21H11.8036C12.9215 21 13.4805 21 13.9079 20.7822C14.2842 20.5905 14.5905 20.2839 14.7822 19.9076C15 19.4802 15 18.921 15 17.8031V15M9 9H11.8002C12.9203 9 13.4801 9 13.9079 9.21799C14.2842 9.40973 14.5905 9.71547 14.7822 10.0918C15 10.5192 15 11.079 15 12.1969L15 15" stroke="#FFA237" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> 
                 </g>
             </g>
         </svg>
@@ -30,7 +30,7 @@ export const CheckMarkIcon = () => {
             <g id="checkmark-w-icon-svg" stroke-width="0"></g>
             <g id="checkmark-l-icon-svg" stroke-linecap="round" stroke-linejoin="round"></g>
             <g id="checkmark-f-icon-svg"> 
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2287 6.60355C21.6193 6.99407 21.6193 7.62723 21.2287 8.01776L10.2559 18.9906C9.86788 19.3786 9.23962 19.3814 8.84811 18.9969L2.66257 12.9218C2.26855 12.5349 2.26284 11.9017 2.64983 11.5077L3.35054 10.7942C3.73753 10.4002 4.37067 10.3945 4.7647 10.7815L9.53613 15.4677L19.1074 5.89644C19.4979 5.50592 20.1311 5.50591 20.5216 5.89644L21.2287 6.60355Z" fill="#5ee6d0"></path>
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2287 6.60355C21.6193 6.99407 21.6193 7.62723 21.2287 8.01776L10.2559 18.9906C9.86788 19.3786 9.23962 19.3814 8.84811 18.9969L2.66257 12.9218C2.26855 12.5349 2.26284 11.9017 2.64983 11.5077L3.35054 10.7942C3.73753 10.4002 4.37067 10.3945 4.7647 10.7815L9.53613 15.4677L19.1074 5.89644C19.4979 5.50592 20.1311 5.50591 20.5216 5.89644L21.2287 6.60355Z" fill="#FFA237"></path>
             </g>
         </svg>    
     )

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -7,47 +7,94 @@
 /* You can override the default Infima variables here. */
 @font-face {
     font-family: Inter;
-    src: url('../../static/font/Inter-Thin.ttf');
+    src: url('../../static/font/Inter/Inter-Thin.ttf');
     font-weight: 100;
 }
 @font-face {
     font-family: Inter;
-    src: url('../../static/font/Inter-ExtraLight.ttf');
+    src: url('../../static/font/Inter/Inter-ExtraLight.ttf');
     font-weight: 200;
 }
 @font-face {
     font-family: Inter;
-    src: url('../../static/font/Inter-Light.ttf');
+    src: url('../../static/font/Inter/Inter-Light.ttf');
     font-weight: 300;
 }
 @font-face {
     font-family: Inter;
-    src: url('../../static/font/Inter-Regular.ttf');
+    src: url('../../static/font/Inter/Inter-Regular.ttf');
     font-weight: 400;
 }
 @font-face {
     font-family: Inter;
-    src: url('../../static/font/Inter-Medium.ttf');
+    src: url('../../static/font/Inter/Inter-Medium.ttf');
     font-weight: 500;
 }
 @font-face {
     font-family: Inter;
-    src: url('../../static/font/Inter-SemiBold.ttf');
+    src: url('../../static/font/Inter/Inter-SemiBold.ttf');
     font-weight: 600;
 }
 @font-face {
     font-family: Inter;
-    src: url('../../static/font/Inter-Bold.ttf');
+    src: url('../../static/font/Inter/Inter-Bold.ttf');
     font-weight: 700;
 }
 @font-face {
     font-family: Inter;
-    src: url('../../static/font/Inter-ExtraBold.ttf');
+    src: url('../../static/font/Inter/Inter-ExtraBold.ttf');
     font-weight: 800;
 }
 @font-face {
     font-family: Inter;
-    src: url('../../static/font/Inter-Black.ttf');
+    src: url('../../static/font/Inter/Inter-Black.ttf');
+    font-weight: 900;
+}
+
+
+@font-face {
+    font-family: Poppins;
+    src: url('../../static/font/Poppins/Poppins-Thin.ttf');
+    font-weight: 100;
+}
+@font-face {
+    font-family: Poppins;
+    src: url('../../static/font/Poppins/Poppins-ExtraLight.ttf');
+    font-weight: 200;
+}
+@font-face {
+    font-family: Poppins;
+    src: url('../../static/font/Poppins/Poppins-Light.ttf');
+    font-weight: 300;
+}
+@font-face {
+    font-family: Poppins;
+    src: url('../../static/font/Poppins/Poppins-Regular.ttf');
+    font-weight: 400;
+}
+@font-face {
+    font-family: Poppins;
+    src: url('../../static/font/Poppins/Poppins-Medium.ttf');
+    font-weight: 500;
+}
+@font-face {
+    font-family: Poppins;
+    src: url('../../static/font/Poppins/Poppins-SemiBold.ttf');
+    font-weight: 600;
+}
+@font-face {
+    font-family: Poppins;
+    src: url('../../static/font/Poppins/Poppins-Bold.ttf');
+    font-weight: 700;
+}
+@font-face {
+    font-family: Poppins;
+    src: url('../../static/font/Poppins/Poppins-ExtraBold.ttf');
+    font-weight: 800;
+}
+@font-face {
+    font-family: Poppins;
+    src: url('../../static/font/Poppins/Poppins-Black.ttf');
     font-weight: 900;
 }
 
@@ -113,7 +160,7 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
     background-color: rgba(0, 0, 0, 0.3);
 }
 html[data-theme='dark'] {
-    --ifm-footer-background-color: #24262e;
+    --ifm-footer-background-color: #1E1C1A;
 }
 
 .hero--primary {
@@ -122,7 +169,7 @@ html[data-theme='dark'] {
 
 [data-theme='dark'] {
     --ifm-background-color: #5e7a97;
-    --ifm-color-primary: #5ee6d0;
+    --ifm-color-primary: #FFA237;
     --ifm-font-color-base: #fcfcfd;
     --ifm-code-background: linear-gradient(108.46deg, #5ee6d0 12.51%, #bfc6ff 51.13%, #ffba69 87.49%);
     --openapi-input-background: black;