From 6327063f54ef01a3d6845a2bdb56bf2d39d95e96 Mon Sep 17 00:00:00 2001
From: Julio Biason <julio.biason@deliverit.com.br>
Date: Mon, 20 May 2019 13:47:18 -0300
Subject: [PATCH] Mostly colors in, still need to fix anchor svg color

---
 sass/_theme.scss  | 13 ++++++++-----
 sass/_vendor.scss | 12 ++++++------
 sass/colors.scss  | 17 +++++++++++++++--
 3 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/sass/_theme.scss b/sass/_theme.scss
index 1a711a5..2abb9e1 100644
--- a/sass/_theme.scss
+++ b/sass/_theme.scss
@@ -1,3 +1,5 @@
+@import "colors";
+
 :root {
   --screen-size-small: 30em; /* breakpoint reference only */
 }
@@ -10,7 +12,7 @@
   }
 }
 .muted {
-  color: rgba(255, 255, 255, 0.5);
+  color: $muted-color;
   margin-top: 5px;
 }
 .responsive-iframe {
@@ -49,7 +51,7 @@ blockquote cite::before {
    content: "\2014";
 }
 :target {
-  color: #fff;
+  color: $target;
 }
 /* hack.css overrides and enhancements */
 .hack li ul {
@@ -60,17 +62,18 @@ blockquote cite::before {
 }
 nav a.active {
   background-color: $anchor;
-  color: #fff;
+  color: $nav-active-color;
 }
 a[itemprop="url"] {
-  color: #ff9800;
+  color: $a-url;
 }
 a[itemprop="url"]:hover {
-  color: #fff;
+  color: $a-url-hover;
 }
 a[href*="://"]::after,
 a[rel*="external"] {
   content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23ff9800'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
+  color: $anchor;
 }
 figure a[href*="://"]::after,
 figure a[rel*="external"] {
diff --git a/sass/_vendor.scss b/sass/_vendor.scss
index cd15ddf..a7e1b27 100644
--- a/sass/_vendor.scss
+++ b/sass/_vendor.scss
@@ -1,4 +1,4 @@
-@import "colors"
+@import "colors";
 
 html {
   font-size: 12px
@@ -13,8 +13,8 @@ body {
   font-size: 1rem;
   line-height: 1.5rem;
   margin: 0;
-  font-family: $font
-  word-wrap: break-word
+  font-family: $font;
+  word-wrap: break-word;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -865,11 +865,11 @@ select.form-control {
 }
 
 .dark {
-  color: #ccc
+  color: $dark-color;
 }
 
 .dark, .dark pre {
-  background-color: #000
+  background-color: $dark-background;
 }
 
 .dark pre {
@@ -882,7 +882,7 @@ select.form-control {
 }
 
 .dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a {
-  color: #ccc
+  color: $dark-header-color;
 }
 
 .dark code, .dark strong {
diff --git a/sass/colors.scss b/sass/colors.scss
index 7a022a6..ea7bf22 100644
--- a/sass/colors.scss
+++ b/sass/colors.scss
@@ -2,9 +2,15 @@ $font: Inconsolata, Courier;
 $pre-background: #fff;
 $pre-border: #ccc;
 
+$dark-background: #fff;
+$dark-header-color: #000;
+$dark-color: #333;
+
 $success: #4caf50;
+$warning: #ff9800;
 
-$anchor: #ff2e88;
+/* $anchor: #ff2e88; */
+$anchor: $success;
 $anchor-hover: #fff;
 
 $progressbar-color: #ccc;
@@ -26,7 +32,7 @@ $form-textarea-border: #ccc;
 $form-success-color: $success;
 $form-success-border: $form-success-color;
 
-$form-warning-color: #ff9800;
+$form-warning-color: $warning;
 $form-warning-border: $form-warning-color;
 
 $form-error-color: #f44336;
@@ -60,3 +66,10 @@ $button-success-ghost-border: $success;
 $button-success-ghost-color: $success;
 $button-success-ghost-focus-border: #388e3c;
 $button-success-ghost-focus-color: $button-success-ghost-focus-border;
+
+$muted-color: rgba(255, 255, 255, 0.5);
+$target: #fff;
+
+$nav-active-color: #fff;
+$a-url: $success;
+$a-url-hover: #fff;