New color scheme

yaph · yaph · commit 972a19dffa53 · 2019-05-26T00:36:24.000+02:00
diff --git a/src/scss/coder.scss b/src/scss/coder.scss
@@ -3,11 +3,11 @@
 @import 'table';
 
 #coder {
-    background-color: $color5;
+    background-color: $color4;
 }
 
 .box-stat {
-    color: $color3;
+    color: $color1;
     font-size: .8em;
     text-align: center;
     width: 12em;
@@ -19,17 +19,17 @@
 }
 
 .boxes {
-    background-color: $color1;
+    background-color: $color3;
     padding: 1em 0;
 }
 
 .boxes .box-stat:not(:last-child) {
-    border-right: 1px solid $color3;
+    border-right: 1px solid $color1;
     margin-right: 1px;
 }
 
 .ct-series-a .ct-bar {
-    stroke: $color5;
+    stroke: $color2;
 }
 
 .main {
diff --git a/src/scss/nav.scss b/src/scss/nav.scss
@@ -1,5 +1,5 @@
 nav {
-    background-color: $color4;
+    background-color: $color1;
     padding: .5em 0;
     position: static;
 }
diff --git a/src/scss/palette.scss b/src/scss/palette.scss
@@ -1,15 +1,5 @@
-/* Coolors Exported Palette - coolors.co/dcdcdd-c5c3c6-46494c-4c5c68-98c1d9 */
-
-/* HSL */
-$color1: hsla(240%, 1%, 86%, 1);
-$color2: hsla(280%, 3%, 77%, 1);
-$color3: hsla(210%, 4%, 29%, 1);
-$color4: hsla(206%, 16%, 35%, 1);
-$color5: hsla(202%, 46%, 72%, 1);
-
-/* RGB */
-$color1: rgba(220, 220, 221, 1);
-$color2: rgba(197, 195, 198, 1);
-$color3: rgba(70, 73, 76, 1);
-$color4: rgba(76, 92, 104, 1);
-$color5: rgba(152, 193, 217, 1);
+$color1: rgba(19, 41, 61, 1);
+$color2: rgba(0, 100, 148, 1);
+$color3: #6CC0E5;
+$color4: #e3ffff;
+$color5: rgba(232, 241, 242, 1);
diff --git a/src/scss/style.scss b/src/scss/style.scss
@@ -1,3 +1,5 @@
+$base-font-family: Roboto, sans-serif;
+$base-heading-font-family: Arial Black;
 $base-link-color: #0000ee;
 $base-link-hover-color: #0000ff;
 
@@ -6,7 +8,7 @@ $base-link-hover-color: #0000ff;
 @import 'blockquote';
 
 body {
-    background-color: $color1;
+    background-color: $color5;
 }
 
 a {
@@ -24,7 +26,7 @@ img {
 }
 
 .box-search {
-    background-color: $color5;
+    background-color: $color3;
     border: none;
     padding: 4em;
 }
@@ -39,6 +41,10 @@ img {
     background-color: #fff;
 }
 
+.main h2 {
+    margin: 1rem 0;
+}
+
 .padh {
     padding: 0 1em;
 }

Original file line number	Diff line number	Diff line change
`@@ -3,11 +3,11 @@`
`3`	`3`	`@import 'table';`
`4`	`4`
`5`	`5`	`#coder {`
`6`		`- background-color: $color5;`
	`6`	`+ background-color: $color4;`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`.box-stat {`
`10`		`- color: $color3;`
	`10`	`+ color: $color1;`
`11`	`11`	`font-size: .8em;`
`12`	`12`	`text-align: center;`
`13`	`13`	`width: 12em;`
`@@ -19,17 +19,17 @@`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`.boxes {`
`22`		`- background-color: $color1;`
	`22`	`+ background-color: $color3;`
`23`	`23`	`padding: 1em 0;`
`24`	`24`	`}`
`25`	`25`
`26`	`26`	`.boxes .box-stat:not(:last-child) {`
`27`		`- border-right: 1px solid $color3;`
	`27`	`+ border-right: 1px solid $color1;`
`28`	`28`	`margin-right: 1px;`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`.ct-series-a .ct-bar {`
`32`		`- stroke: $color5;`
	`32`	`+ stroke: $color2;`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`.main {`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`nav {`
`2`		`- background-color: $color4;`
	`2`	`+ background-color: $color1;`
`3`	`3`	`padding: .5em 0;`
`4`	`4`	`position: static;`
`5`	`5`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+$base-font-family: Roboto, sans-serif;`
	`2`	`+$base-heading-font-family: Arial Black;`
`1`	`3`	`$base-link-color: #0000ee;`
`2`	`4`	`$base-link-hover-color: #0000ff;`
`3`	`5`
`@@ -6,7 +8,7 @@ $base-link-hover-color: #0000ff;`
`6`	`8`	`@import 'blockquote';`
`7`	`9`
`8`	`10`	`body {`
`9`		`- background-color: $color1;`
	`11`	`+ background-color: $color5;`
`10`	`12`	`}`
`11`	`13`
`12`	`14`	`a {`
`@@ -24,7 +26,7 @@ img {`
`24`	`26`	`}`
`25`	`27`
`26`	`28`	`.box-search {`
`27`		`- background-color: $color5;`
	`29`	`+ background-color: $color3;`
`28`	`30`	`border: none;`
`29`	`31`	`padding: 4em;`
`30`	`32`	`}`
`@@ -39,6 +41,10 @@ img {`
`39`	`41`	`background-color: #fff;`
`40`	`42`	`}`
`41`	`43`
	`44`	`+.main h2 {`
	`45`	`+ margin: 1rem 0;`
	`46`	`+}`
	`47`	`+`
`42`	`48`	`.padh {`
`43`	`49`	`padding: 0 1em;`
`44`	`50`	`}`