From 6b02a3be4badc2cd86bee3c1fc3c995ff8cfd78c Mon Sep 17 00:00:00 2001
From: jorge-vitrubio <jorge@vitrubio.net>
Date: Wed, 30 Nov 2022 00:19:30 +0100
Subject: [PATCH] renamed colors and color-variants

---
 sass/abstracts/variables/_colors.scss | 33 +++++++++++++++------------
 sass/layouts/_no-sidebar.scss         |  6 +++--
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/sass/abstracts/variables/_colors.scss b/sass/abstracts/variables/_colors.scss
index 0592cb2..29dc359 100644
--- a/sass/abstracts/variables/_colors.scss
+++ b/sass/abstracts/variables/_colors.scss
@@ -1,7 +1,10 @@
-$color__black: #000;
 $color__white: #fff;
-$color__dark-grey: #666;
-$color__light-grey: #ccc;
+$color__white-dark: #fdfdfd;
+$color__grey-light: #ccc;
+$color__grey-dark: #666;
+$color__black-light: #101010;
+$color__black-grey: #020202;
+$color__black: #000;
 $color__orange: ff8d76;
 $color__yellow: f6cc4c;
 $color__pink: f877c3;
@@ -11,17 +14,17 @@ $color__green: 69ed82;
 $color__red: ff686e;
 
 
-$color__background-body: #fff;
-$color__background-screen: #fff;
-$color__background-hr: #000;
-$color__background-button: #fff;
-$color__background-pre: #fdfdfd;
-$color__background-ins: #fefefe;
+$color__background-body: $color__white;
+$color__background-screen: $color__white;
+$color__background-hr: $color__black;
+$color__background-button: $color__white;
+$color__background-pre: $color__white-dark;
+$color__background-ins: $color__white-dark;
 
-$color__text-screen: #020202;
-$color__text-input: #666;
-$color__text-input-focus: #111;
-$color__link: #101010; 
+$color__text-screen: $color__black-grey;
+$color__text-input: $color__grey-light;
+$color__text-input-focus: $color__grey-dark;
+$color__link: $color__black-light; 
 $color__link-visited: #505050; 
 $color__link-hover: #707070;
 $color__text-main: #404040;
@@ -29,6 +32,6 @@ $color__text-main: #404040;
 $color__border-button: #000 #000 #000;
 $color__border-button-hover: #111 #111 #111;
 $color__border-button-focus: #222 #222 #222;
-$color__border-input: #000;
-$color__border-abbr: #666;
+$color__border-input: $color__black;
+$color__border-abbr: $color__grey-dark;
 
diff --git a/sass/layouts/_no-sidebar.scss b/sass/layouts/_no-sidebar.scss
index 2a66c07..bdabf14 100644
--- a/sass/layouts/_no-sidebar.scss
+++ b/sass/layouts/_no-sidebar.scss
@@ -7,7 +7,9 @@
 			"header"
 			"main"
 			"footer";
-		padding: 3rem;
+    margin: auto;
+		padding: 0 3rem;
+		max-width: 51em;
 	}
 	.site-header {
 		.main {
@@ -18,7 +20,7 @@
 		.secondary {
 		  display:flex;
 		  justify-content: center;
-			border-top: 1px solid $color__light-grey;
+			border-top: 1px solid $color__grey-light;
 		}
 	}
 }