tema değiştirildi.

This commit is contained in:
Yusuf İpek
2021-10-06 10:24:40 +03:00
parent 7b1c093596
commit 9506aee0a4
8 changed files with 25 additions and 20 deletions
+2 -2
View File
@@ -1,11 +1,11 @@
// COLORS // COLORS
:root { :root {
--color-background: #292929; --color-background: #181a1b;
--color-primary: #fff; --color-primary: #fff;
--color-tertiary: #468eee; --color-tertiary: #468eee;
--color-grey: #383838; --color-grey: #181a1b;
--color-grey-dark-1: #b2aba1; --color-grey-dark-1: #b2aba1;
--color-grey-dark-2: #fff; --color-grey-dark-2: #fff;
--color-grey-light-1: #b8b8b8; --color-grey-light-1: #b8b8b8;
+2 -4
View File
@@ -20,9 +20,7 @@ body {
background-color: var(--color-background); background-color: var(--color-background);
} }
/*
::selection { ::selection {
background-color: $color-primary; background-color: hsl(10, 5%, 42%);
color: $color-white; color: #bdb7af;
} }
*/
+6 -5
View File
@@ -5,7 +5,7 @@ h4,
h5, h5,
h6 { h6 {
font-family: "NunitoSansSemiBold"; font-family: "NunitoSansSemiBold";
color: var(--color-primary); color: hsl(34, 10%, 71%);
} }
h1 { h1 {
@@ -19,7 +19,7 @@ h2 {
p, p,
li { li {
color: var(--color-primary); color: rgb(189, 183, 175);
font-size: 2rem; font-size: 2rem;
} }
@@ -45,12 +45,13 @@ a {
} }
code { code {
background-color: black; background-color: #383838;
line-height: 2;
font-size: 1.6rem; font-size: 1.6rem;
} }
pre { pre {
background-color: black; background-color: #383838;
padding: 1rem; padding: 1rem;
border-radius: 1rem; border-radius: 1rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
@@ -59,7 +60,7 @@ pre {
word-break: break-word; word-break: break-word;
code { code {
color: var(--color-primary); color: hsl(34, 10%, 71%);
font-size: 1.5rem; font-size: 1.5rem;
} }
} }
+1 -1
View File
@@ -19,7 +19,7 @@
font-size: 1.6rem; font-size: 1.6rem;
a { a {
color: var(--color-tertiary); color: var(--color-primary);
margin-right: 0.5rem; margin-right: 0.5rem;
} }
} }
+2 -1
View File
@@ -11,9 +11,10 @@
justify-self: flex-end; justify-self: flex-end;
grid-column: 1; grid-column: 1;
font-size: 2.4rem; font-size: 2.4rem;
color: var(--color-primary); color: var(--color-grey-light-1);
a { a {
color: var(--color-grey-light-1);
&:after { &:after {
width: 0%; width: 0%;
} }
+2 -2
View File
@@ -3,7 +3,7 @@
min-width: 30%; min-width: 30%;
margin-bottom: 1rem; margin-bottom: 1rem;
border: 1px solid var(--color-primary); border: 1px solid hsl(34, 10%, 71%);
border-radius: 5px; border-radius: 5px;
height: 3rem; height: 3rem;
padding: 2px 2rem; padding: 2px 2rem;
@@ -16,7 +16,7 @@
&:hover, &:hover,
&:focus { &:focus {
border: 1.5px solid var(--color-tertiary); border: 1.5px solid var(--color-primary);
background-color: var(--color-white); background-color: var(--color-white);
} }
} }
+4
View File
@@ -14,6 +14,10 @@
} }
} }
a {
color: hsl(14, 19%, 61%);
}
@include media("<small") { @include media("<small") {
grid-template-rows: 12rem; grid-template-rows: 12rem;
} }
+6 -5
View File
@@ -24,7 +24,7 @@
} }
a { a {
color: coral; color: hsl(14, 19%, 61%);
} }
h1, h1,
@@ -50,14 +50,15 @@
} }
p { p {
font-family: "NunitoSansLight"; font-family: "DroidSans";
line-height: 160%; line-height: 2;
font-size: 2rem; font-size: 1.8rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
letter-spacing: 0.1px;
} }
li { li {
margin-bottom: 1rem; font-family: "DroidSans";
} }
ul, ul,