added some color variables and used them for the navBar

SHPE-UTDallas · Nov 10, 2020 · 296655c · 296655c · rigrergl · Nov 10, 2020
1 parent 18c70c9
commit 296655c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/components/Layout.tsx b/components/Layout.tsx
@@ -15,7 +15,7 @@ const Layout = ({ children, title = 'This is the default title' }: Props) => (
       <meta name="viewport" content="initial-scale=1.0, width=device-width" />
     </Head>
     <header>
-    <nav className="navbar" role="navigation" aria-label="main navigation">
+    <nav className="navbar is-primary" role="navigation" aria-label="main navigation">
   <div className="navbar-brand">
     <a className="navbar-item" href="https://bulma.io">
       <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"/>
@@ -80,6 +80,10 @@ const Layout = ({ children, title = 'This is the default title' }: Props) => (
       <a className="navbar-item" href="/users">
         Users List
       </a>
+
+      <a className="navbar-item" href="/api/users">
+        Users API
+      </a>
     </div>
 
     <div className="navbar-end">

diff --git a/theming/_variables.scss b/theming/_variables.scss
@@ -1,3 +1,7 @@
 ////////////////////////////////////////////////
 // DEFAULT
-////////////////////////////////////////////////
+////////////////////////////////////////////////
+$UTD-ORANGE: rgb(232,117,0);
+$UTD-GREEN: rgb(18,71,52);
+
+$primary: $UTD-GREEN;