From 9506aee0a4be3a3d59221998946d96a1c8864359 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yusuf=20=C4=B0pek?= Date: Wed, 6 Oct 2021 10:24:40 +0300 Subject: [PATCH] =?UTF-8?q?tema=20de=C4=9Fi=C5=9Ftirildi.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles/abstracts/_variables.scss | 4 ++-- styles/base/_base.scss | 6 ++---- styles/base/_typography.scss | 11 ++++++----- styles/components/footer.scss | 2 +- styles/components/navbar.scss | 3 ++- styles/components/searchbar.scss | 4 ++-- styles/pages/hakkinda.scss | 4 ++++ styles/pages/rehber.scss | 11 ++++++----- 8 files changed, 25 insertions(+), 20 deletions(-) diff --git a/styles/abstracts/_variables.scss b/styles/abstracts/_variables.scss index 49df3bd..8ce7c79 100644 --- a/styles/abstracts/_variables.scss +++ b/styles/abstracts/_variables.scss @@ -1,11 +1,11 @@ // COLORS :root { - --color-background: #292929; + --color-background: #181a1b; --color-primary: #fff; --color-tertiary: #468eee; - --color-grey: #383838; + --color-grey: #181a1b; --color-grey-dark-1: #b2aba1; --color-grey-dark-2: #fff; --color-grey-light-1: #b8b8b8; diff --git a/styles/base/_base.scss b/styles/base/_base.scss index 52c3ab9..a2572d1 100644 --- a/styles/base/_base.scss +++ b/styles/base/_base.scss @@ -20,9 +20,7 @@ body { background-color: var(--color-background); } -/* ::selection { - background-color: $color-primary; - color: $color-white; + background-color: hsl(10, 5%, 42%); + color: #bdb7af; } -*/ diff --git a/styles/base/_typography.scss b/styles/base/_typography.scss index 06e0c33..0094893 100644 --- a/styles/base/_typography.scss +++ b/styles/base/_typography.scss @@ -5,7 +5,7 @@ h4, h5, h6 { font-family: "NunitoSansSemiBold"; - color: var(--color-primary); + color: hsl(34, 10%, 71%); } h1 { @@ -19,7 +19,7 @@ h2 { p, li { - color: var(--color-primary); + color: rgb(189, 183, 175); font-size: 2rem; } @@ -45,12 +45,13 @@ a { } code { - background-color: black; + background-color: #383838; + line-height: 2; font-size: 1.6rem; } pre { - background-color: black; + background-color: #383838; padding: 1rem; border-radius: 1rem; margin-bottom: 1.5rem; @@ -59,7 +60,7 @@ pre { word-break: break-word; code { - color: var(--color-primary); + color: hsl(34, 10%, 71%); font-size: 1.5rem; } } diff --git a/styles/components/footer.scss b/styles/components/footer.scss index 5963a28..3afb49f 100644 --- a/styles/components/footer.scss +++ b/styles/components/footer.scss @@ -19,7 +19,7 @@ font-size: 1.6rem; a { - color: var(--color-tertiary); + color: var(--color-primary); margin-right: 0.5rem; } } diff --git a/styles/components/navbar.scss b/styles/components/navbar.scss index acc14f8..8eba043 100644 --- a/styles/components/navbar.scss +++ b/styles/components/navbar.scss @@ -11,9 +11,10 @@ justify-self: flex-end; grid-column: 1; font-size: 2.4rem; - color: var(--color-primary); + color: var(--color-grey-light-1); a { + color: var(--color-grey-light-1); &:after { width: 0%; } diff --git a/styles/components/searchbar.scss b/styles/components/searchbar.scss index 83149dd..953b6de 100644 --- a/styles/components/searchbar.scss +++ b/styles/components/searchbar.scss @@ -3,7 +3,7 @@ min-width: 30%; margin-bottom: 1rem; - border: 1px solid var(--color-primary); + border: 1px solid hsl(34, 10%, 71%); border-radius: 5px; height: 3rem; padding: 2px 2rem; @@ -16,7 +16,7 @@ &:hover, &:focus { - border: 1.5px solid var(--color-tertiary); + border: 1.5px solid var(--color-primary); background-color: var(--color-white); } } diff --git a/styles/pages/hakkinda.scss b/styles/pages/hakkinda.scss index 1b52e53..ef7c9ca 100644 --- a/styles/pages/hakkinda.scss +++ b/styles/pages/hakkinda.scss @@ -14,6 +14,10 @@ } } + a { + color: hsl(14, 19%, 61%); + } + @include media("