-
+
Modular & composable
Turing is modular, written entirely in Julia, and is interoperable with the powerful Julia ecosystem.
@@ -109,9 +109,9 @@ end
```{=html}
-
+
News
-
+
```
::: {#news}
@@ -120,57 +120,57 @@ end
[See all news →](news/)
```{=html}
-
+
Learn more
-
+
```
diff --git a/theming/dark.scss b/theming/dark.scss
index 8c942238d..cdaef1065 100644
--- a/theming/dark.scss
+++ b/theming/dark.scss
@@ -14,10 +14,8 @@ $theme: "cosmo" !default;
@import "rules/layouts";
@import "rules/hoverables-dark";
-@import "rules/panels";
@import "rules/navbar";
-@import "rules/codeblocks";
+@import "rules/quarto-tweaks";
@import "old/old-styles";
-//
\ No newline at end of file
diff --git a/theming/light.scss b/theming/light.scss
index 213ae5536..811650b4d 100644
--- a/theming/light.scss
+++ b/theming/light.scss
@@ -11,9 +11,8 @@
@import "rules/layouts";
@import "rules/hoverables-light";
-@import "rules/panels";
@import "rules/navbar";
-@import "rules/codeblocks";
+@import "rules/quarto-tweaks";
@import "old/old-styles";
diff --git a/theming/rules/_codeblocks.scss b/theming/rules/_codeblocks.scss
deleted file mode 100644
index 443e6836c..000000000
--- a/theming/rules/_codeblocks.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.sourceCode {
- background-color: $color-mute-bg !important;
- border-color: $color-mute-bg !important;
- border-radius: $border-radius-sm !important;
-
- pre {
- padding: 0.5rem !important;
- }
-}
\ No newline at end of file
diff --git a/theming/rules/_hoverables-dark.scss b/theming/rules/_hoverables-dark.scss
index ba48ce4cd..9076ac941 100644
--- a/theming/rules/_hoverables-dark.scss
+++ b/theming/rules/_hoverables-dark.scss
@@ -1,11 +1,13 @@
-$hover-border: lighten($color-secondary, 5%);
-
.button {
- @include button($hover-border)
+ @include button($border-hover);
}
.card {
- @include card($hover-border)
+ @include card($border-hover);
+
+ .card-text {
+ color: $text-muted;
+ }
}
.example-code {
diff --git a/theming/rules/_hoverables-light.scss b/theming/rules/_hoverables-light.scss
index 0be552ad4..5b5cfc766 100644
--- a/theming/rules/_hoverables-light.scss
+++ b/theming/rules/_hoverables-light.scss
@@ -1,11 +1,9 @@
-$hover-border: darken($color-secondary, 15%);
-
.button {
- @include button($hover-border)
+ @include button($border-hover)
}
.card {
- @include card($hover-border)
+ @include card($border-hover)
}
.example-code {
diff --git a/theming/rules/_layouts.scss b/theming/rules/_layouts.scss
index 9c99ccb44..26ca556f1 100644
--- a/theming/rules/_layouts.scss
+++ b/theming/rules/_layouts.scss
@@ -9,3 +9,34 @@
.section-start-space {
padding-top: $large-y-space;
}
+
+.panel {
+ border-radius: $border-radius-sm;
+ padding: 1rem 1.25rem;
+ min-height: 150px;
+ min-width: 300px;
+ max-width: 31%;
+
+ color: $text-muted !important;
+ background-color: $color-mute-bg !important;
+ border: solid $color-mute-bg 0px !important;
+
+ .panel-title {
+ color: $color-fg !important;
+ font-size: x-large;
+ font-weight: 700;
+ }
+
+ &--nopad {
+ @extend .panel;
+ padding: 0rem;
+ }
+}
+
+.panel-wrapper {
+ justify-content: space-between;
+
+ @media screen and (max-width: 992px) {
+ justify-content: center;
+ }
+}
diff --git a/theming/rules/_mixins.scss b/theming/rules/_mixins.scss
index 8692f2616..926f846a5 100644
--- a/theming/rules/_mixins.scss
+++ b/theming/rules/_mixins.scss
@@ -20,10 +20,6 @@
font-weight: 700;
}
- .card-text {
- color: $text-muted !important;
- }
-
&:hover {
background-color: $color-highlight !important;
border-color: $hover-border !important;
diff --git a/theming/rules/_navbar.scss b/theming/rules/_navbar.scss
index b27ec8ad3..ee426264e 100644
--- a/theming/rules/_navbar.scss
+++ b/theming/rules/_navbar.scss
@@ -5,4 +5,13 @@
a:hover {
text-decoration: none;
}
+
+ .nav-link:hover {
+ color: $links-hover !important;
+ }
+
+ .navbar-brand:hover {
+ color: $links-hover !important;
+ transition: color 0.15s ease-in-out !important;
+ }
}
diff --git a/theming/rules/_panels.scss b/theming/rules/_panels.scss
deleted file mode 100644
index 09d13ffd1..000000000
--- a/theming/rules/_panels.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-.panel {
- border-radius: $border-radius-sm;
- padding: 1rem;
- min-height: 150px;
- min-width: 300px;
- max-width: 31%;
-
- color: $color-fg !important;
- background-color: $color-mute-bg !important;
- border: solid $color-mute-bg 0px !important;
-
- .panel-title {
- color: $color-fg !important;
- margin-bottom: 0.5rem !important;
- font-size: x-large;
- font-weight: 700;
- }
-
- &--nopad {
- @extend .panel;
- padding: 0rem;
- }
-}
-
-.panel-wrapper {
- justify-content: space-between;
-
- @media screen and (max-width: 992px) {
- justify-content: center;
- }
-}
diff --git a/theming/rules/_quarto-tweaks.scss b/theming/rules/_quarto-tweaks.scss
new file mode 100644
index 000000000..9fa480768
--- /dev/null
+++ b/theming/rules/_quarto-tweaks.scss
@@ -0,0 +1,27 @@
+.sourceCode {
+ background-color: $color-mute-bg !important;
+ border-color: $color-mute-bg !important;
+ border-radius: $border-radius-sm !important;
+
+ pre {
+ padding: 0.5rem !important;
+ }
+}
+
+.quarto-title-banner {
+ background-color: $body-bg !important;
+
+ .title {
+ color: $color-fg !important;
+ }
+}
+
+.listing-description {
+ .no-external {
+ color: $text-muted !important;
+ }
+}
+
+.input-group-text {
+ background-color: $color-mute-bg !important;
+}
diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss
deleted file mode 100644
index caa2c5b29..000000000
--- a/theming/theme-dark.scss
+++ /dev/null
@@ -1,139 +0,0 @@
-/*-- scss:defaults --*/
-// Cosmo 5.3.3
-// Bootswatch
-
-$theme: "cosmo" !default;
-
-// Manually-added colors
-
-$background-nav: #192222;
-$background-body: #131818;
-$foreground: #1bb3ac;
-$foreground-dark: #073c44;
-$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 {
- color: $links !important;
-}
-
-a:hover {
- color: $links-hover !important;
-}
-
-code, p code, li code {
- background-color: $code-background-color !important;
- color: $links;
-}
-
-li {
- color: $li !important;
-}
-
-.menu-text:hover {
- color: $links-hover !important;
-}
-
-.quarto-title-banner {
- background-color: $foreground-dark !important;
-}
-
-.title {
- color: $white !important;
-}
-
-.listing-description a {
- color: $li !important;
-}
-
-p {
- color: $li !important;
-}
-
-
-.team-member, .input-group-text {
- background-color: $background-nav !important;
-}
-
-.level4, .listing-category {
- color: $foreground !important;
-}
-
-::selection {
- color: $links-hover;
- background: $background-nav;
-}
-
-.tooltip {
- --bs-tooltip-color: $black !important;
- --bs-tooltip-bg: $white !important;
-}
diff --git a/theming/variables/_colorsdark.scss b/theming/variables/_colorsdark.scss
index ebf910c4e..57cbac6e7 100644
--- a/theming/variables/_colorsdark.scss
+++ b/theming/variables/_colorsdark.scss
@@ -1,6 +1,6 @@
$dark-green: #073c44;
$light-blue: darken(#EDF4F4, 5%);
-$medium-grey: #CCD1D5;
+$medium-grey: #bcbcbc;
$color-primary: $light-blue; // not sure about this one
$color-secondary: $dark-green;
@@ -10,8 +10,16 @@ $color-mute-bg: $gray-800;
$body-color: white;
$body-bg: #201F24;
-$light-bg: #201F24;
$light-bg-offset: $color-secondary;
$color-fg: white;
-$link-color: lighten($dark-green, 15%);
+$text-muted: $medium-grey;
+
+$color-active: lighten($color-secondary, 5%);
+$link-color: lighten($color-active, 30%);
+$links-hover: lighten($color-active, 30%);
+$border-hover: $color-active;
+
+p {
+ color: $text-muted !important;
+}
diff --git a/theming/variables/_colorslight.scss b/theming/variables/_colorslight.scss
index 087c9959e..e527e0931 100644
--- a/theming/variables/_colorslight.scss
+++ b/theming/variables/_colorslight.scss
@@ -1,4 +1,6 @@
$dark-green: #073c44;
+
+$julia-green: #208921;
$light-blue: #EDF4F4;
$medium-grey: #CCD1D5;
$color-fg: black;
@@ -9,7 +11,11 @@ $color-highlight: lighten($color-secondary, 10%);
$color-mute-bg: $gray-200;
-$light-bg: white;
+$color-active: lighten($color-secondary, 5%);
+$link-color: $color-primary;
+$links-hover: $color-primary;
+$border-hover: $color-highlight;
+
+$body-bg: white;
$light-bg-offset: $color-secondary;
-$link-color: lighten($dark-green, 15%);
From 73db952cd42b2ac1daccddf399041f3967098ae0 Mon Sep 17 00:00:00 2001
From: simonsteiger
Date: Mon, 28 Oct 2024 18:27:24 +0100
Subject: [PATCH 7/7] better link hover color
---
theming/light.scss | 1 +
theming/rules/_mixins.scss | 1 +
theming/rules/_navbar.scss | 6 +++---
theming/rules/_quarto-tweaks.scss | 9 +++++++++
theming/variables/_colorsdark.scss | 5 +++--
theming/variables/_colorslight.scss | 9 ++++-----
6 files changed, 21 insertions(+), 10 deletions(-)
diff --git a/theming/light.scss b/theming/light.scss
index 811650b4d..434c7a626 100644
--- a/theming/light.scss
+++ b/theming/light.scss
@@ -16,3 +16,4 @@
@import "old/old-styles";
+//
\ No newline at end of file
diff --git a/theming/rules/_mixins.scss b/theming/rules/_mixins.scss
index 926f846a5..9eb8c54e1 100644
--- a/theming/rules/_mixins.scss
+++ b/theming/rules/_mixins.scss
@@ -36,6 +36,7 @@
&:hover {
background-color: $color-mute-bg !important;
border-color: $color-mute-bg !important;
+ text-decoration: none;
}
}
diff --git a/theming/rules/_navbar.scss b/theming/rules/_navbar.scss
index ee426264e..f16f5f40f 100644
--- a/theming/rules/_navbar.scss
+++ b/theming/rules/_navbar.scss
@@ -3,15 +3,15 @@
color: $text-muted;
a:hover {
- text-decoration: none;
+ text-decoration: none !important;
}
.nav-link:hover {
- color: $links-hover !important;
+ color: $link-color !important;
}
.navbar-brand:hover {
- color: $links-hover !important;
+ color: $link-color !important;
transition: color 0.15s ease-in-out !important;
}
}
diff --git a/theming/rules/_quarto-tweaks.scss b/theming/rules/_quarto-tweaks.scss
index 9fa480768..f95be0518 100644
--- a/theming/rules/_quarto-tweaks.scss
+++ b/theming/rules/_quarto-tweaks.scss
@@ -25,3 +25,12 @@
.input-group-text {
background-color: $color-mute-bg !important;
}
+
+a {
+ text-decoration: none;
+ &:hover {
+ color: $link-color;
+ text-decoration: underline;
+ }
+
+}
diff --git a/theming/variables/_colorsdark.scss b/theming/variables/_colorsdark.scss
index 57cbac6e7..44fc3d24b 100644
--- a/theming/variables/_colorsdark.scss
+++ b/theming/variables/_colorsdark.scss
@@ -1,9 +1,11 @@
$dark-green: #073c44;
$light-blue: darken(#EDF4F4, 5%);
+$red: #f87683;
$medium-grey: #bcbcbc;
$color-primary: $light-blue; // not sure about this one
$color-secondary: $dark-green;
+$color-tertiary: $red;
$color-highlight: darken($color-secondary, 5%);
$color-mute-bg: $gray-800;
@@ -16,8 +18,7 @@ $color-fg: white;
$text-muted: $medium-grey;
$color-active: lighten($color-secondary, 5%);
-$link-color: lighten($color-active, 30%);
-$links-hover: lighten($color-active, 30%);
+$link-color: $color-tertiary;
$border-hover: $color-active;
p {
diff --git a/theming/variables/_colorslight.scss b/theming/variables/_colorslight.scss
index e527e0931..102715630 100644
--- a/theming/variables/_colorslight.scss
+++ b/theming/variables/_colorslight.scss
@@ -1,20 +1,19 @@
$dark-green: #073c44;
-
-$julia-green: #208921;
+$red: #d73a4a;
$light-blue: #EDF4F4;
$medium-grey: #CCD1D5;
$color-fg: black;
$color-primary: $dark-green;
$color-secondary: darken($light-blue, 20%);
+$color-tertiary: $red;
$color-highlight: lighten($color-secondary, 10%);
$color-mute-bg: $gray-200;
$color-active: lighten($color-secondary, 5%);
-$link-color: $color-primary;
-$links-hover: $color-primary;
-$border-hover: $color-highlight;
+$link-color: $color-tertiary;
+$border-hover: darken($color-secondary, 5%);
$body-bg: white;
$light-bg-offset: $color-secondary;