diff --git a/_sass/brand.scss b/_sass/brand.scss
new file mode 100644
index 00000000..68fc059f
--- /dev/null
+++ b/_sass/brand.scss
@@ -0,0 +1,23 @@
+// Fancy new Privacy Guides Color Scheme
+$primary: #FFD06F;
+$secondary: #3913B8;
+$success: #03CEA4;
+$info: #AA78A6;
+$warning: #FB4D3D;
+$danger: #CA1551;
+$light: #FFF6EB;
+$dark: #101619;
+
+/* Social */
+$twitter: #FFD06F;
+$mastodon: #FFD06F;
+$facebook: #FFD06F;
+$mix: #FFD06F;
+$reddit: #FFD06F;
+$linkedin: #FFD06F;
+$email: #FFD06F;
+$diaspora: #FFD06F;
+$tor: #7d4698;
+
+$body-color: #28323F;
+$link-color: #3913B8;
diff --git a/_sass/variables.scss b/_sass/variables.scss
index f4d6e823..f29e5a5c 100644
--- a/_sass/variables.scss
+++ b/_sass/variables.scss
@@ -1,28 +1,5 @@
/* Variables */
-// Fancy new Privacy Guides Color Scheme
-$primary: #FFD06F;
-$secondary: #3913B8;
-$success: #03CEA4;
-$info: #AA78A6;
-$warning: #FB4D3D;
-$danger: #CA1551;
-$light: #FFF6EB;
-$dark: #101619;
-
-/* Social */
-$twitter: #FFD06F;
-$mastodon: #FFD06F;
-$facebook: #FFD06F;
-$mix: #FFD06F;
-$reddit: #FFD06F;
-$linkedin: #FFD06F;
-$email: #FFD06F;
-$diaspora: #FFD06F;
-$tor: #7d4698;
-
-$body-color: #28323F;
-$link-color: #3913B8;
$navbar-light-color: rgba($black, .7);
$dropdown-link-color: $navbar-light-color;
$navbar-light-active-color: $dark;
@@ -37,7 +14,10 @@ $theme-colors: (
"warning": $warning,
"danger": $danger,
"light": $light,
- "dark": $dark,
+ "dark": $dark
+);
+
+$colors: (
"gray": $gray-600,
"blue": $blue,
"indigo": $indigo,
diff --git a/assets/css/app.scss b/assets/css/app.scss
index b2868e02..ce805f9d 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -1,6 +1,7 @@
---
---
@import "./node_modules/bootstrap/scss/functions";
+@import "brand";
@import "./node_modules/bootstrap/scss/variables";
@import "variables";
diff --git a/assets/css/dark.scss b/assets/css/dark.scss
index c3f220a9..7ea8d4fa 100644
--- a/assets/css/dark.scss
+++ b/assets/css/dark.scss
@@ -1,11 +1,10 @@
---
---
@import "./node_modules/bootstrap/scss/functions";
-@import "./node_modules/bootstrap/scss/variables";
-@import "variables";
+@import "brand";
-$primary: darken( $primary, 48% );
-$secondary: lighten( $secondary, 15% );
+$primary: darken( $primary, 50% );
+$secondary: lighten( $secondary, 10% );
$success: darken( $success, 10% );
$info: darken( $info, 5% );
$danger: lighten( $warning, 20% );
@@ -19,6 +18,9 @@ $mark-bg: darken( $primary, 10% );
$breadcrumb-bg: lighten( $dark, 5% );
$hr-border-color: $body-color;
+@import "./node_modules/bootstrap/scss/variables";
+@import "variables";
+
$card-shadow: 0 3px 10px 0 $dark;
$list-group-color: $body-color;
$list-group-bg: $card-bg;
diff --git a/assets/img/layout/privacy-guides-logo-dark.svg b/assets/img/layout/privacy-guides-logo-dark.svg
new file mode 100644
index 00000000..61392d88
--- /dev/null
+++ b/assets/img/layout/privacy-guides-logo-dark.svg
@@ -0,0 +1,51 @@
+
+
+
diff --git a/assets/img/layout/privacy-guides-logo.svg b/assets/img/layout/privacy-guides-logo.svg
index 421a30c7..3e05d054 100644
--- a/assets/img/layout/privacy-guides-logo.svg
+++ b/assets/img/layout/privacy-guides-logo.svg
@@ -1,69 +1,51 @@
-