From 2ce1e5de273ab2545e01a5b97fd0e5e91afb02e6 Mon Sep 17 00:00:00 2001 From: Jitendra Verma Date: Sat, 14 Sep 2024 16:18:12 +0530 Subject: [PATCH] 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 74745be15..f897140b3 100644 --- a/_quarto.yml +++ b/_quarto.yml @@ -142,7 +142,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; }