Skip to content

Commit 9b4feff

Browse files
shravanngoswamiishravanngoswamii
committed
Update styles to match original site
1 parent 8161725 commit 9b4feff

File tree

12 files changed

+698
-221
lines changed

12 files changed

+698
-221
lines changed

‎_quarto.yml‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,7 @@ website:
5454
collapse-level: 1
5555
contents:
5656
- usage/automatic-differentiation/index.qmd
57+
- usage/submodels/index.qmd
5758
- usage/custom-distribution/index.qmd
5859
- usage/probability-interface/index.qmd
5960
- usage/modifying-logprob/index.qmd
@@ -123,9 +124,9 @@ website:
123124
format:
124125
html:
125126
theme:
126-
light: cosmo
127+
light: [cosmo, theming/theme-light.scss]
127128
dark: [cosmo, theming/theme-dark.scss]
128-
css: theming/styles.css
129+
highlight-style: github
129130
smooth-scroll: true
130131
output-block-background: true
131132
toc: true
@@ -183,7 +184,7 @@ format:
183184
184185
</div>
185186
<div class="footer-bottom">
186-
<p>Turing is created by <a href="https://mlg.eng.cam.ac.uk/hong/" target="_blank" rel="noopener">Hong Ge</a>, and maintained by the core <a href="/team" target="_blank" rel="noopener">team</a> of developers and <a href="https://github.com/TuringLang/Turing.jl/graphs/contributors" target="_blank" rel="noopener">contributors</a>!<br>© 2025 The Turing Project Contributors. <a href="https://github.com/TuringLang/Turing.jl/blob/master/LICENCE" target="_blank" rel="noopener">MIT License</a>.</p>
187+
<p>Turing is created by <a href="https://mlg.eng.cam.ac.uk/hong/" target="_blank" rel="noopener">Hong Ge</a>, and maintained by the core <a href="https://turinglang.org/team/" target="_blank" rel="noopener">team</a> of developers and <a href="https://github.com/TuringLang/Turing.jl/graphs/contributors" target="_blank" rel="noopener">contributors</a>!<br>© 2025 The Turing Project Contributors. <a href="https://github.com/TuringLang/Turing.jl/blob/master/LICENCE" target="_blank" rel="noopener">MIT License</a>.</p>
187188
<a href="https://github.com/TuringLang/turinglang.github.io/" target="_blank" rel="noopener" class="footer-source-link"><i class="bi bi-github"></i> Website Source</a>
188189
</div>
189190
</div>

‎theming/styles.css‎ renamed to ‎theming/old-styles/styles.css‎

File renamed without changes.

‎theming/old-styles/theme-dark.scss‎

Lines changed: 227 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,227 @@
1+
/*-- scss:defaults --*/
2+
// Cosmo 5.3.3
3+
// Bootswatch
4+
5+
$theme: "cosmo" !default;
6+
7+
// Manually-added colors
8+
$background-nav: #22272e;
9+
$background-body: #1c2128;
10+
$foreground: #ffffff;
11+
$links: #34b8bf;
12+
$links-hover: #31dce6;
13+
$code-background-color: #22272e;
14+
$li-color: #bcbcbc;
15+
$text-muted: #bcbcbc;
16+
$btn-border-color: #444c56;
17+
18+
// Quarto default colors
19+
$white: #ffffff !default;
20+
$gray-100: #f8f9fa !default;
21+
$gray-200: #e9ecef !default;
22+
$gray-300: #dee2e6 !default;
23+
$gray-400: #ced4da !default;
24+
$gray-500: #adb5bd !default;
25+
$gray-600: #868e96 !default;
26+
$gray-700: #495057 !default;
27+
$gray-800: #22272e !default;
28+
$gray-900: #1c2128 !default;
29+
$black: #000000 !default;
30+
31+
$indigo: #6610f2 !default;
32+
$purple: #613d7c !default;
33+
$pink: #e83e8c !default;
34+
$red: #ff0039 !default;
35+
$orange: #f0ad4e !default;
36+
$yellow: #ff7518 !default;
37+
$green: #3fb618 !default;
38+
$teal: #4DB6AC !default;
39+
$cyan: #39d3d7 !default;
40+
41+
$primary: $links-hover !default;
42+
$secondary: $gray-800 !default;
43+
$success: $green !default;
44+
$info: $cyan !default;
45+
$warning: $yellow !default;
46+
$danger: $red !default;
47+
$light: $gray-100 !default;
48+
$dark: $gray-800 !default;
49+
50+
$min-contrast-ratio: 2.6 !default;
51+
52+
// Options
53+
54+
$enable-rounded: false !default;
55+
56+
// Fonts
57+
58+
// stylelint-disable-next-line value-keyword-case
59+
$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;
60+
$headings-font-weight: 400 !default;
61+
62+
// Tables
63+
64+
$table-color: initial !default;
65+
66+
// Alerts
67+
68+
$alert-border-width: 0 !default;
69+
70+
// Progress bars
71+
72+
$progress-height: .5rem !default;
73+
74+
75+
// Custom tweaks for Quarto-Cosmo
76+
77+
$navbar-bg: $background-nav;
78+
$navbar-fg: $foreground;
79+
$footer-bg: $background-nav;
80+
$footer-fg: $foreground;
81+
$body-color: $white;
82+
$body-bg: $background-body;
83+
$sidebar-bg: $background-body;
84+
$sidebar-fg: $text-muted;
85+
86+
/*-- scss:rules --*/
87+
88+
h1, h2, h3, h4, h5, h6 {
89+
color: $foreground !important;
90+
}
91+
92+
.quarto-container {
93+
background-color: $background-body !important;
94+
}
95+
96+
.navbar {
97+
background-color: $navbar-bg !important;
98+
}
99+
100+
.sidebar {
101+
background-color: $sidebar-bg !important;
102+
color: $sidebar-fg !important;
103+
}
104+
105+
pre code {
106+
color: $links !important;
107+
}
108+
109+
pre {
110+
color: $foreground !important;
111+
}
112+
113+
p {
114+
color: $li-color !important;
115+
}
116+
117+
li {
118+
color: $li-color !important;
119+
}
120+
121+
a {
122+
color: $links;
123+
124+
&:hover {
125+
color: $links-hover !important;
126+
}
127+
}
128+
129+
code,
130+
p code,
131+
ol code,
132+
li code,
133+
h1 code {
134+
background-color: $code-background-color !important;
135+
color: $links;
136+
}
137+
138+
.cell,
139+
.anchored code {
140+
background-color: $code-background-color !important;
141+
color: $links;
142+
}
143+
144+
div.sourceCode {
145+
background-color: $code-background-color !important;
146+
}
147+
148+
.menu-text:hover {
149+
color: $links-hover !important;
150+
}
151+
152+
.quarto-title-breadcrumbs .breadcrumb li:last-of-type a {
153+
color: #6c757d !important;
154+
}
155+
156+
.ansi-bright-black-fg {
157+
color: $foreground !important;
158+
}
159+
160+
::selection {
161+
color: $links-hover;
162+
background: $background-nav;
163+
}
164+
165+
166+
.tooltip {
167+
--bs-tooltip-color: $black !important;
168+
--bs-tooltip-bg: $white !important;
169+
}
170+
171+
.aa-DetachedOverlay li.aa-Item[aria-selected=true] .search-item * {
172+
color: white !important;
173+
}
174+
175+
.aa-List li.aa-Item[aria-selected="true"] * {
176+
background-color: #4DB6AC !important;
177+
}
178+
179+
// Custom Footer Dark Mode
180+
.custom-footer {
181+
background-color: $background-nav !important;
182+
border-top-color: $btn-border-color !important;
183+
color: $text-muted !important;
184+
}
185+
186+
.custom-footer .footer-grid {
187+
border-bottom-color: $btn-border-color !important;
188+
}
189+
190+
.custom-footer .footer-column h5 {
191+
color: $foreground !important;
192+
}
193+
194+
.custom-footer .footer-column a {
195+
color: $text-muted !important;
196+
&:hover {
197+
color: $links-hover !important;
198+
}
199+
}
200+
201+
.custom-footer .footer-bottom p {
202+
color: $text-muted !important;
203+
}
204+
205+
.custom-footer .footer-bottom a {
206+
color: $links !important;
207+
border-bottom-color: $btn-border-color !important;
208+
&:hover {
209+
color: $links-hover !important;
210+
border-bottom-color: $links-hover !important;
211+
}
212+
}
213+
214+
.custom-footer .brands-light-mode-logo {
215+
display: none !important;
216+
}
217+
218+
.custom-footer .brands-dark-mode-logo {
219+
display: inline !important;
220+
}
221+
222+
.footer-source-link {
223+
color: $text-muted !important;
224+
&:hover {
225+
color: $links-hover !important;
226+
}
227+
}

0 commit comments

Comments
 (0)