v3

Author: jvogit

_sass/_variables.scss

@@ -0,0 +1,2 @@
+$dark: #3d3d3d;
+$dark-bg-color: #272727;

_sass/dark-styles.scss

@@ -0,0 +1,10 @@
+@import "../node_modules/bulma/sass/utilities/initial-variables";
+@import "./variables";
+$scheme-main: $dark;
+$scheme-invert: $white;
+$footer-background-color: $scheme-main;
+$link: $scheme-invert;
+$link-hover: $scheme-invert;
+$text: $scheme-invert;
+$text-strong: $scheme-invert;
+$body-background-color: $dark-bg-color;

_sass/main.scss

@@ -26,14 +26,8 @@ $primary-invert: $pink-invert;
 // 4. Import the rest of Bulma
 */
 @import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
+@import "../node_modules/bulma/sass/utilities/initial-variables";
+@import "./variables";
 $family-sans-serif: "Nunito", sans-serif;
-$primary: #3b3b3b;
-$dark: #303030;
-$footer-background-color: $dark;
-$footer-color: true;
-$scheme-main: $primary;
-$scheme-main-bis: #343434;
-$link: #cfcfcf;
-$link-hover: #ffffff;
-$text: white;
+@import "./dark-styles.scss";
 @import "../node_modules/bulma/bulma";

css/extra.css

@@ -1,39 +1,11 @@
-:root {
-    color-scheme: dark;
-}
-body {
-    background-color: #363636;
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-}
-p, .navbar-menu a, .title {
-    color: white;
-}
-.container {
-    max-width: 960px;
-}
-.greeting h2 {
-    padding-top: 10px;
-}
-.social-bar {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    margin: 10px 0px 0px;
-}
-.social-bar a {
-    margin-right: 20px;
-}
-.projects {
-    padding: 1.50rem;
-}
-.projects .card {
-    margin-bottom: 1.5rem;
-}
 .avatar-img {
     object-fit: cover;
     width: 150px;
     height: 150px;
     clip-path: circle();
+}
+
+p {
+    display: flex;
+    justify-content: space-between;
 }