From 451918d398195ffc5d53174f221d138bc9a2df87 Mon Sep 17 00:00:00 2001 From: daudix-UFO Date: Sun, 15 Oct 2023 23:48:09 +0000 Subject: [PATCH] feat: Update to latest Duckquill (a lot of var. name changes) --- config.toml | 4 ++-- sass/custom.scss | 53 +++++++++++++++++------------------------------- themes/duckquill | 2 +- 3 files changed, 22 insertions(+), 37 deletions(-) diff --git a/config.toml b/config.toml index 2674da4..5d233cb 100644 --- a/config.toml +++ b/config.toml @@ -4,7 +4,7 @@ description = "Passionate designer, translator, and FOSS contributor." theme = "duckquill" compile_sass = true -minify_html = true +minify_html = false generate_feed = true feed_filename = "atom.xml" build_search_index = false @@ -23,7 +23,7 @@ highlight_themes_css = [ smart_punctuation = true [extra] -accent_color = "#c061cb" +primary_color = "#c061cb" animated_favicon = true blog_description = "Howdy! welcome to my little blog, I write about software, FOSS and what not. Take your cup of ☕ and look around!" blog_title = "Daudix's Blog" diff --git a/sass/custom.scss b/sass/custom.scss index 032ef8d..006dd25 100644 --- a/sass/custom.scss +++ b/sass/custom.scss @@ -1,32 +1,31 @@ @use "sass:color"; -$accent-color: #c061cb; -$accent-color-20: color.scale($accent-color, $alpha: -80%); +$primary-color: #c061cb; +$primary-color-alpha: color.scale($primary-color, $alpha: -80%); + +$bg-color-l: color.mix($primary-color, rgb(250, 250, 250), 10%); +$bg-color-d: color.mix($primary-color, rgb(11, 11, 11), 5%); $crt-bg: radial-gradient( - color.scale($accent-color, $lightness: -80%), - color.scale($accent-color, $lightness: -90%) + color.scale($primary-color, $lightness: -80%), + color.scale($primary-color, $lightness: -90%) ); -$bg-l: color.mix($accent-color, rgb(250, 250, 250), 10%); -$bg-d: color.mix($accent-color, rgb(11, 11, 11), 5%); +$glow: 0 0 0 1px color.scale($primary-color, $alpha: -95%), + 0 2px 6px 2px color.scale($primary-color, $alpha: -95%), + 0 4px 24px 4px color.scale($primary-color, $alpha: -90%); -$glow: - 0 0 0 1px color.scale($accent-color, $alpha: -95%), - 0 2px 6px 2px color.scale($accent-color, $alpha: -95%), - 0 4px 24px 4px color.scale($accent-color, $alpha: -90%); - :root { - --accent-color-20: #{$accent-color-20}; - --accent-color: #{$accent-color}; - --background: #{$bg-l}; + --bg-color: #{$bg-color-l}; --crt-bg: #{$crt-bg}; + --primary-color-alpha: #{$primary-color-alpha}; + --primary-color: #{$primary-color}; --glow: #{$glow}; } @media (prefers-color-scheme: dark) { :root { - --background: #{$bg-d}; + --bg-color: #{$bg-color-d}; } } @@ -70,14 +69,14 @@ $glow: a { padding: 0.75rem; - border-radius: var(--border-radius); + border-radius: var(--rounded-corner); background-color: transparent; transition: all 0.35s cubic-bezier(0.17, 0.89, 0.32, 1.28); } a:hover { - background-color: var(--fg-05); - box-shadow: 0 0 0 8px var(--fg-05); + background-color: var(--fg05); + box-shadow: 0 0 0 8px var(--fg05); text-decoration: none; } } @@ -94,12 +93,12 @@ section#wallpapers { background-color: rgba(255, 163, 72, 0.2); img { - border-radius: var(--border-radius); + border-radius: var(--rounded-corner); } } details.blur ul li { - color: var(--accent-color); + color: var(--primary-color); filter: blur(6px); transition: var(--transition-longer); @@ -108,17 +107,3 @@ details.blur ul li { filter: blur(0); } } - -.johnvertisement { - margin: 0 auto; - display: block; - width: min(728px, 100vw); - height: min(90px, 12.367vw); - border: none; -} - -.site-footer { - details { - all: unset; - } -} diff --git a/themes/duckquill b/themes/duckquill index abf3190..6242b72 160000 --- a/themes/duckquill +++ b/themes/duckquill @@ -1 +1 @@ -Subproject commit abf31905ada64b29ede58efb3ab600001c8f51b9 +Subproject commit 6242b721f25f9f10faf2dba9870bb611c80471cb