From 4db1f3f529329d352c036bfbd7f40362eb2a9f0b Mon Sep 17 00:00:00 2001 From: Jitendra Verma Date: Thu, 22 Aug 2024 14:39:36 +0530 Subject: [PATCH 1/7] added dark theme --- _quarto.yml | 1 + theming/theme-dark.scss | 47 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 48 insertions(+) create mode 100644 theming/theme-dark.scss diff --git a/_quarto.yml b/_quarto.yml index cbf290f86..8429791f4 100644 --- a/_quarto.yml +++ b/_quarto.yml @@ -147,6 +147,7 @@ format: html: theme: light: cosmo + dark: [solar, theming/theme-dark.scss] css: theming/styles.css toc: true smooth-scroll: true diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss new file mode 100644 index 000000000..75b05bca2 --- /dev/null +++ b/theming/theme-dark.scss @@ -0,0 +1,47 @@ +/*-- scss:defaults --*/ + +$navbar-bg: #192222; +$navbar-fg: #1bb3ac; +$footer-bg: #192222; +$footer-fg: #1bb3ac; +$body-color: #fff; +$body-bg: #131818; + +a { + color: #2aa198 !important; +} + +a:hover { + color: #31dce6 !important; +} + +code, p code, ol code, li code, h1 code { + background-color: #172424 !important; + color: #2aa198; +} + +.cell, .anchored code { + background-color: #172424 !important; + color: #2aa198; +} + +div.sourceCode { + background-color: #172424 !important; +} + +li { + color: #979c9c !important; +} + +.menu-text:hover { + color: #31dce6 !important; +} + +p { + color: #979c9c !important; +} + +::selection { + color: #31dce6; + background: #192222; +} From 591c2e3000bc95625f461299fade19f84cb3309a Mon Sep 17 00:00:00 2001 From: Jitendra Verma Date: Sat, 24 Aug 2024 02:16:12 +0530 Subject: [PATCH 2/7] Updated breadcrumb bg-color --- theming/theme-dark.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss index 75b05bca2..4e48d7e36 100644 --- a/theming/theme-dark.scss +++ b/theming/theme-dark.scss @@ -41,6 +41,10 @@ p { color: #979c9c !important; } +.breadcrumb { + background-color: #131818 !important; +} + ::selection { color: #31dce6; background: #192222; From 04358691cafaac6346e27bc8d60ef8c802461c48 Mon Sep 17 00:00:00 2001 From: Jitendra Verma Date: Sat, 14 Sep 2024 16:18:12 +0530 Subject: [PATCH 3/7] Updated Code --- .DS_Store | Bin 0 -> 8196 bytes _quarto.yml | 2 +- theming/theme-dark.scss | 123 +++++++++++++++++++++++++++++++++------- 3 files changed, 104 insertions(+), 21 deletions(-) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..cfa4c9cdf811867d47072769528e703032fbd85b GIT binary patch literal 8196 zcmeHM&1(}u6n~SX&4!{zP^cGK6!B7{RnVH!W~J>2iyllwgrXIp zL>@7S2*-9);H^5I#EgZ*n-0tgyP&3TOoe6<}xg1WZB&9B8WN z_sol9yHsC|=JU2oZEQ0hzx)2-`N7r2pue=Hzh3RX8_2vpfuWG>jtf<2fvt`Xu&{j) zp>p_kmTbE_$2o-hsnI@@Xq3tapvUJrGATj>nm|=P@uPP(Nj?ff4dS zd^S%)TyAb=i?QNWdBpcv_a%=2qR(MCA~61~pKSb5yfZ$2%E-W1)qvRQp|D@&u==Ps zR|0*gGbIY6@_-oUk;L(<$fAZ?cu=w1eqBBpukE_)_|2)Q&mJ2^+-s zUilDfp{ok$3mZQUB2Q#^jyNVRvgBE6r z&xeEa!VS%ck@ri(Q7Y@{OuV~>4Czm0zBV$zK8fS%q!n2I3d9A)ad!Sc9R2=({a=V? zs1?u({ILQgk+Pc0EEt5f^W!+$-XDfoH>EEtZAV!2 YVEXGX0+e&i+Pk{m|M?Bl#XqUQZxeW7g#Z8m literal 0 HcmV?d00001 diff --git a/_quarto.yml b/_quarto.yml index 8429791f4..6c571bf4d 100644 --- a/_quarto.yml +++ b/_quarto.yml @@ -147,7 +147,7 @@ format: html: theme: light: cosmo - dark: [solar, theming/theme-dark.scss] + dark: [cosmo, theming/theme-dark.scss] css: theming/styles.css toc: true smooth-scroll: true diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss index 4e48d7e36..ea93c5d83 100644 --- a/theming/theme-dark.scss +++ b/theming/theme-dark.scss @@ -1,51 +1,134 @@ /*-- scss:defaults --*/ +// Cosmo 5.3.3 +// Bootswatch -$navbar-bg: #192222; -$navbar-fg: #1bb3ac; -$footer-bg: #192222; -$footer-fg: #1bb3ac; -$body-color: #fff; -$body-bg: #131818; +$theme: "cosmo" !default; -a { - color: #2aa198 !important; +// +// Color system +// +// manually-added color +// +$background-nav: #192222; +$background-body: #131818; +$foreground: #1bb3ac; +// $body-color: #ffffff; +$links:#2aa198; +$links-hover: #31dce6; +$code-background-color: #172424; +$li: #979c9c; + +$white: #ffffff !default; +$gray-100: #f8f9fa !default; +$gray-200: #e9ecef !default; +$gray-300: #dee2e6 !default; +$gray-400: #ced4da !default; +$gray-500: #adb5bd !default; +$gray-600: #868e96 !default; +$gray-700: #495057 !default; +$gray-800: #373a3c !default; +$gray-900: #212529 !default; +$black: #000000 !default; + +$blue: $links-hover !default; +$indigo: #6610f2 !default; +$purple: #613d7c !default; +$pink: #e83e8c !default; +$red: #ff0039 !default; +$orange: #f0ad4e !default; +$yellow: #ff7518 !default; +$green: #3fb618 !default; +$teal: #20c997 !default; +$cyan: #9954bb !default; + +$primary: $blue !default; +$secondary: $gray-800 !default; +$success: $green !default; +$info: $cyan !default; +$warning: $yellow !default; +$danger: $red !default; +$light: $gray-100 !default; +$dark: $gray-800 !default; + +$min-contrast-ratio: 2.6 !default; + +// Options + +$enable-rounded: false !default; + +// Body + +// $body-color: $gray-800 !default; + +// Fonts + +// stylelint-disable-next-line value-keyword-case +$font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$headings-font-weight: 400 !default; + +// Tables + +$table-color: initial !default; + +// Navbar + +// $navbar-dark-hover-color: rgba($white, 1) !default; +// $navbar-light-hover-color: rgba($black, .9) !default; + +// Alerts + +$alert-border-width: 0 !default; + +// Progress bars + +$progress-height: .5rem !default; + +$navbar-bg: $background-nav; +$navbar-fg: $foreground; +$footer-bg: $background-nav; +$footer-fg: $foreground; +$body-color: $white; +$body-bg: $background-body; + +a, pre code { + color: $links !important; } a:hover { - color: #31dce6 !important; + color: $links-hover !important; } code, p code, ol code, li code, h1 code { - background-color: #172424 !important; - color: #2aa198; + background-color: $code-background-color !important; + color: $links; } .cell, .anchored code { - background-color: #172424 !important; - color: #2aa198; + background-color: $code-background-color !important; + color: $links; } div.sourceCode { - background-color: #172424 !important; + background-color: $code-background-color !important; } li { - color: #979c9c !important; + color: $li !important; } .menu-text:hover { - color: #31dce6 !important; + color: $links-hover !important; } p { - color: #979c9c !important; + color: $li !important; } .breadcrumb { - background-color: #131818 !important; + background-color: $background-body !important; } ::selection { - color: #31dce6; - background: #192222; + color: $links-hover; + background: $background-nav; } From 1cd690f5f656cb7a3d4e876cf426c198fc977cac Mon Sep 17 00:00:00 2001 From: Jitendra Verma Date: Sat, 14 Sep 2024 16:56:02 +0530 Subject: [PATCH 4/7] gitignored unwanted dir --- .gitignore | 1 + 1 file changed, 1 insertion(+) diff --git a/.gitignore b/.gitignore index 209e22c85..063e3987d 100644 --- a/.gitignore +++ b/.gitignore @@ -26,3 +26,4 @@ venv 404.html site_libs +.DS_Store From e81f00cc59d4b99488873ce5f014770a66de756b Mon Sep 17 00:00:00 2001 From: Jitendra Verma Date: Sat, 14 Sep 2024 17:01:08 +0530 Subject: [PATCH 5/7] Removed .DS_Store and updated .gitignore --- .DS_Store | Bin 8196 -> 0 bytes 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index cfa4c9cdf811867d47072769528e703032fbd85b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8196 zcmeHM&1(}u6n~SX&4!{zP^cGK6!B7{RnVH!W~J>2iyllwgrXIp zL>@7S2*-9);H^5I#EgZ*n-0tgyP&3TOoe6<}xg1WZB&9B8WN z_sol9yHsC|=JU2oZEQ0hzx)2-`N7r2pue=Hzh3RX8_2vpfuWG>jtf<2fvt`Xu&{j) zp>p_kmTbE_$2o-hsnI@@Xq3tapvUJrGATj>nm|=P@uPP(Nj?ff4dS zd^S%)TyAb=i?QNWdBpcv_a%=2qR(MCA~61~pKSb5yfZ$2%E-W1)qvRQp|D@&u==Ps zR|0*gGbIY6@_-oUk;L(<$fAZ?cu=w1eqBBpukE_)_|2)Q&mJ2^+-s zUilDfp{ok$3mZQUB2Q#^jyNVRvgBE6r z&xeEa!VS%ck@ri(Q7Y@{OuV~>4Czm0zBV$zK8fS%q!n2I3d9A)ad!Sc9R2=({a=V? zs1?u({ILQgk+Pc0EEt5f^W!+$-XDfoH>EEtZAV!2 YVEXGX0+e&i+Pk{m|M?Bl#XqUQZxeW7g#Z8m From 062828551a76ed3ea16fca85cb4d34d43448648d Mon Sep 17 00:00:00 2001 From: Jitendra Verma Date: Sun, 15 Sep 2024 12:00:28 +0530 Subject: [PATCH 6/7] Theme updation complete --- theming/theme-dark.scss | 32 ++++++++++++-------------------- 1 file changed, 12 insertions(+), 20 deletions(-) diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss index ea93c5d83..d8b40f05f 100644 --- a/theming/theme-dark.scss +++ b/theming/theme-dark.scss @@ -4,19 +4,17 @@ $theme: "cosmo" !default; -// -// Color system -// -// manually-added color -// +// Manually-added colors + $background-nav: #192222; $background-body: #131818; $foreground: #1bb3ac; -// $body-color: #ffffff; $links:#2aa198; $links-hover: #31dce6; $code-background-color: #172424; -$li: #979c9c; +$li: #bcbcbc; + +// Quarto default colors $white: #ffffff !default; $gray-100: #f8f9fa !default; @@ -30,7 +28,7 @@ $gray-800: #373a3c !default; $gray-900: #212529 !default; $black: #000000 !default; -$blue: $links-hover !default; +// $blue: $links-hover !default; $indigo: #6610f2 !default; $purple: #613d7c !default; $pink: #e83e8c !default; @@ -41,7 +39,7 @@ $green: #3fb618 !default; $teal: #20c997 !default; $cyan: #9954bb !default; -$primary: $blue !default; +$primary: $links-hover !default; $secondary: $gray-800 !default; $success: $green !default; $info: $cyan !default; @@ -56,10 +54,6 @@ $min-contrast-ratio: 2.6 !default; $enable-rounded: false !default; -// Body - -// $body-color: $gray-800 !default; - // Fonts // stylelint-disable-next-line value-keyword-case @@ -70,11 +64,6 @@ $headings-font-weight: 400 !default; $table-color: initial !default; -// Navbar - -// $navbar-dark-hover-color: rgba($white, 1) !default; -// $navbar-light-hover-color: rgba($black, .9) !default; - // Alerts $alert-border-width: 0 !default; @@ -83,6 +72,9 @@ $alert-border-width: 0 !default; $progress-height: .5rem !default; + +// Custom tweaks for Quarto-Cosmo + $navbar-bg: $background-nav; $navbar-fg: $foreground; $footer-bg: $background-nav; @@ -124,8 +116,8 @@ p { color: $li !important; } -.breadcrumb { - background-color: $background-body !important; +.quarto-title-breadcrumbs .breadcrumb li:last-of-type a { + color: #6c757d !important; } ::selection { From 48510d049bea7e29255fa0b491882bad0a6ca222 Mon Sep 17 00:00:00 2001 From: Jitendra Verma Date: Sun, 15 Sep 2024 14:56:44 +0530 Subject: [PATCH 7/7] minor correction - updation now complete --- theming/theme-dark.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss index d8b40f05f..a74cc9e86 100644 --- a/theming/theme-dark.scss +++ b/theming/theme-dark.scss @@ -28,7 +28,6 @@ $gray-800: #373a3c !default; $gray-900: #212529 !default; $black: #000000 !default; -// $blue: $links-hover !default; $indigo: #6610f2 !default; $purple: #613d7c !default; $pink: #e83e8c !default;