diff --git a/source/pages/scss/_mixins.scss b/source/pages/scss/_mixins.scss index 0d60f96..667cd60 100644 --- a/source/pages/scss/_mixins.scss +++ b/source/pages/scss/_mixins.scss @@ -1,11 +1,7 @@ @mixin constrain-width { margin: auto; transition: 0.5s width; - width: $large-breakpoint; - - @media (max-width: $large-breakpoint) { - width: $medium-breakpoint; - } + width: $medium-breakpoint; @media (max-width: $medium-breakpoint) { width: 95%; diff --git a/source/pages/scss/_post.scss b/source/pages/scss/_post.scss index d05c3fb..d2a9bce 100644 --- a/source/pages/scss/_post.scss +++ b/source/pages/scss/_post.scss @@ -13,6 +13,14 @@ display: flex; } + ol, + ul, + p { + a { + font-weight: 600; + } + } + ol, ul { margin-bottom: 2rem; diff --git a/source/pages/scss/_theme.scss b/source/pages/scss/_theme.scss index d522f26..87d9664 100644 --- a/source/pages/scss/_theme.scss +++ b/source/pages/scss/_theme.scss @@ -31,17 +31,17 @@ } table { - border: 0.1rem solid map.get($colors, 'background-1'); + border: 0.25rem solid map.get($colors, 'background-1'); } thead > tr { background-color: map.get($colors, 'background-1'); - border-bottom: 0.1rem solid map.get($colors, 'background-1'); + border-bottom: 0.25rem solid map.get($colors, 'background-1'); } tbody > tr { - background-color: map.get($colors, 'background-3'); - border-bottom: 0.1rem solid map.get($colors, 'background-1'); + background-color: map.get($colors, 'background-2'); + border-bottom: 0.25rem solid map.get($colors, 'background-1'); &:last-child { border-bottom: none; @@ -68,7 +68,7 @@ } #footer { - background-color: scale-color(map.get($colors, 'background-3'), $lightness: -3.5%); + background-color: map.get($colors, 'background-2'); border-top: 0.25rem solid map.get($colors, 'accent-2'); } diff --git a/source/pages/scss/_variables.scss b/source/pages/scss/_variables.scss index b518770..aa82c45 100644 --- a/source/pages/scss/_variables.scss +++ b/source/pages/scss/_variables.scss @@ -3,23 +3,21 @@ $medium-breakpoint: 900px; $large-breakpoint: 1200px; $extra-large-breakpoint: 1800px; -$dark-highlight-1: #e95678; -$dark-highlight-2: #fac29a; -$dark-highlight-3: #b877db; -$dark-highlight-4: #25b2bc; -$dark-highlight-5: #09f7a0; +$dark-highlight-1: #f99fb1; +$dark-highlight-2: #faa56c; +$dark-highlight-3: #d2b83a; +$dark-highlight-4: #96c839; +$dark-highlight-5: #3bd18a; $dark-highlights: $dark-highlight-1, $dark-highlight-2, $dark-highlight-3, $dark-highlight-4, $dark-highlight-5; $dark-theme: ( - 'background-1': #16161c, - 'background-2': #1c1e26, - 'background-3': #1a1c23, - 'foreground-1': #fdf0ed, - 'foreground-2': #fadad1, - 'foreground-3': #f9cbbe, - 'accent-1': #59e3e3, - 'accent-2': #ee64ae, + 'background-1': #1f1731, + 'background-2': #2a2041, + 'foreground-1': #f2efff, + 'foreground-2': #e6deff, + 'accent-1': #41c8e5, + 'accent-2': #f99add, 'highlight-1': $dark-highlight-1, 'highlight-2': $dark-highlight-2, 'highlight-3': $dark-highlight-3, @@ -28,23 +26,21 @@ $dark-theme: ( 'highlights': $dark-highlights, ); -$light-highlight-1: #da103f; -$light-highlight-2: #f77d26; -$light-highlight-3: #8931b9; -$light-highlight-4: #1eaeae; -$light-highlight-5: #1eb980; +$light-highlight-1: #8b123c; +$light-highlight-2: #6a3b11; +$light-highlight-3: #514610; +$light-highlight-4: #384d10; +$light-highlight-5: #115133; $light-highlights: $light-highlight-1, $light-highlight-2, $light-highlight-3, $light-highlight-4, $light-highlight-5; $light-theme: ( - 'background-1': #f9cbbe, - 'background-2': #fadad1, - 'background-3': scale-color(#fadad1, $lightness: 10%), - 'foreground-1': #16161c, - 'foreground-2': #1c1e26, - 'foreground-3': #1a1c23, - 'accent-1': #1d8991, - 'accent-2': #f43e5c, + 'background-1': #e6deff, + 'background-2': #f2efff, + 'foreground-1': #1f1731, + 'foreground-2': #2a2041, + 'accent-1': #17477e, + 'accent-2': #81156a, 'highlight-1': $light-highlight-1, 'highlight-2': $light-highlight-2, 'highlight-3': $light-highlight-3,