Skip to content

Commit

Permalink
added dark theme (TuringLang#509)
Browse files Browse the repository at this point in the history
* added dark theme

* Updated breadcrumb bg-color

* Updated Code

* gitignored unwanted dir

* Removed .DS_Store and updated .gitignore

* Theme updation complete

* minor correction - updation now complete
  • Loading branch information
jitendravjh authored Sep 15, 2024
1 parent 0142603 commit f30f0ee
Show file tree
Hide file tree
Showing 3 changed files with 127 additions and 0 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -26,3 +26,4 @@ venv

404.html
site_libs
.DS_Store
1 change: 1 addition & 0 deletions _quarto.yml
Original file line number Diff line number Diff line change
Expand Up @@ -147,6 +147,7 @@ format:
html:
theme:
light: cosmo
dark: [cosmo, theming/theme-dark.scss]
css: theming/styles.css
toc: true
smooth-scroll: true
Expand Down
125 changes: 125 additions & 0 deletions theming/theme-dark.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
/*-- scss:defaults --*/
// Cosmo 5.3.3
// Bootswatch

$theme: "cosmo" !default;

// Manually-added colors

$background-nav: #192222;
$background-body: #131818;
$foreground: #1bb3ac;
$links:#2aa198;
$links-hover: #31dce6;
$code-background-color: #172424;
$li: #bcbcbc;

// Quarto default colors

$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;

$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: $links-hover !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;

// 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;

// Alerts

$alert-border-width: 0 !default;

// Progress bars

$progress-height: .5rem !default;


// Custom tweaks for Quarto-Cosmo

$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: $links-hover !important;
}

code, p code, ol code, li code, h1 code {
background-color: $code-background-color !important;
color: $links;
}

.cell, .anchored code {
background-color: $code-background-color !important;
color: $links;
}

div.sourceCode {
background-color: $code-background-color !important;
}

li {
color: $li !important;
}

.menu-text:hover {
color: $links-hover !important;
}

p {
color: $li !important;
}

.quarto-title-breadcrumbs .breadcrumb li:last-of-type a {
color: #6c757d !important;
}

::selection {
color: $links-hover;
background: $background-nav;
}

0 comments on commit f30f0ee

Please sign in to comment.