diff --git a/assets/css/app.scss b/assets/css/app.scss
index ce805f9d..60427e17 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -5,6 +5,45 @@
@import "./node_modules/bootstrap/scss/variables";
@import "variables";
+@import "./node_modules/bootstrap/scss/mixins";
+@import "./node_modules/bootstrap/scss/utilities";
+
+$all-colors: map-merge-multiple($blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans, $grays);
+
+$utilities: map-merge(
+ $utilities,
+ (
+ "color": map-merge(
+ map-get($utilities, "color"),
+ (
+ values: map-merge(
+ map-get(map-get($utilities, "color"), "values"),
+ (
+ $all-colors
+ ),
+ ),
+ ),
+ ),
+ )
+);
+
+$utilities: map-merge(
+ $utilities,
+ (
+ "background-color": map-merge(
+ map-get($utilities, "background-color"),
+ (
+ values: map-merge(
+ map-get(map-get($utilities, "background-color"), "values"),
+ (
+ $all-colors
+ ),
+ ),
+ ),
+ ),
+ )
+);
+
.container-fullwidth {
margin: 0 auto;
width: 100%;
diff --git a/assets/css/dark.scss b/assets/css/dark.scss
index 7ea8d4fa..d14a324b 100644
--- a/assets/css/dark.scss
+++ b/assets/css/dark.scss
@@ -3,8 +3,8 @@
@import "./node_modules/bootstrap/scss/functions";
@import "brand";
-$primary: darken( $primary, 50% );
-$secondary: lighten( $secondary, 10% );
+$primary: #EAB448;
+//$secondary: lighten( $secondary, 10% );
$success: darken( $success, 10% );
$info: darken( $info, 5% );
$danger: lighten( $warning, 20% );
@@ -14,7 +14,7 @@ $body-bg: $dark;
$card-bg: lighten( $dark, 5% );
$body-color: $light;
$link-color: lighten( $secondary, 30% );
-$mark-bg: darken( $primary, 10% );
+$mark-bg: darken( $primary, 60% );
$breadcrumb-bg: lighten( $dark, 5% );
$hr-border-color: $body-color;
@@ -33,15 +33,15 @@ $table-border-color: lighten( $dark, 20% );
$table-active-bg: rgba($white, .075);
$table-head-color: $white;
-$navbar-light-color: rgba($white, .5);
-$navbar-light-hover-color: rgba($white, .75);
+/*$navbar-light-color: ;
+$navbar-light-hover-color: ;
$navbar-light-active-color: $white;
$navbar-light-disabled-color: rgba($white, .25);
$navbar-light-toggler-icon-bg: url("data:image/svg+xml,
");
-$navbar-light-toggler-border-color: rgba($white, .1);
+$navbar-light-toggler-border-color: rgba($white, .1);*/
$dropdown-bg: $card-bg;
-$dropdown-link-color: $navbar-light-color;
-$dropdown-link-hover-color: $navbar-light-active-color;
+$dropdown-link-color: rgba($white, .5);
+$dropdown-link-hover-color: rgba($white, .75);
$dropdown-link-hover-bg: lighten( $dropdown-bg, 10% );
.container-fullwidth {
@@ -49,6 +49,45 @@ $dropdown-link-hover-bg: lighten( $dropdown-bg, 10% );
width: 100%;
}
+@import "./node_modules/bootstrap/scss/mixins";
+@import "./node_modules/bootstrap/scss/utilities";
+
+$all-colors: map-merge-multiple($blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans, $grays);
+
+$utilities: map-merge(
+ $utilities,
+ (
+ "color": map-merge(
+ map-get($utilities, "color"),
+ (
+ values: map-merge(
+ map-get(map-get($utilities, "color"), "values"),
+ (
+ $all-colors
+ ),
+ ),
+ ),
+ ),
+ )
+);
+
+$utilities: map-merge(
+ $utilities,
+ (
+ "background-color": map-merge(
+ map-get($utilities, "background-color"),
+ (
+ values: map-merge(
+ map-get(map-get($utilities, "background-color"), "values"),
+ (
+ $all-colors
+ ),
+ ),
+ ),
+ ),
+ )
+);
+
// import /_sass/bootstrap.scss
@import "./node_modules/bootstrap/scss/bootstrap";
@import "ptio-font";
diff --git a/index.html b/index.html
index 594fff0e..104295f8 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@ layout: default
-
+
The guide to restoring your online privacy.
Massive organizations are monitoring your online activities. Privacy Guides is your central privacy and security resource to protect yourself online.