Commit 9f6d17f5 authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Remove concept of colour tint as it just adds complexity

(and I don't even use tinted background on my own site!)
Towards #114
parent c74ea5c5
......@@ -40,42 +40,6 @@
--error: var(--darkRed);
}
/* Tinted light mode */
[data-colour-tint="true"] {
/* colour variables for tint colour mode */
--background: var(--colour25);
--background-highlight: var(--colour15);
--background-input: var(--mono0);
--background-header: var(--colour25);
--background-footer: var(--colour25);
--text: var(--mono90);
--text-highlight: var(--mono90);
--text-secondary: var(--mono80);
--text-secondary-highlight: var(--mono80);
--text-strong: var(--colour85);
--text-strong-highlight: var(--colour85);
--text-subtle: var(--colour75);
--text-subtle-highlight: var(--colour75);
--text-heading: var(--mono90);
--text-site-title: var(--colour90);
--background-button: var(--colour35);
--background-button-highlight: var(--colour35);
--background-button-strong: var(--colour40);
--background-button-strong-highlight: var(--colour40);
--background-button-subtle: var(--colour35);
--background-button-subtle-highlight: var(--colour35);
--text-button: var(--colour100);
--text-button-highlight: var(--colour100);
--border: var(--colour40);
--line: var(--colour60);
--focus: var(--colour50);
--background-selection: var(--colour35);
--shadow: rgba(0,0,0,0.2);
--shadow-light: var(--mono20);
--error: var(--darkRed);
}
/* Dark mode */
[data-darkmode="always"] {
......@@ -157,8 +121,7 @@
/* Light code mode */
[data-darkmode-code="auto"],
[data-darkmode-code="never"],
[data-colour-tint="false"] {
[data-darkmode-code="never"] {
/* colour variables for code light mode */
--background-code-block: var(--colour10);
--code-block-highlight: var(--colour30);
......@@ -176,7 +139,6 @@
/* Dark code mode */
[data-colour-tint="true"],
[data-darkmode-code="always"] {
/* colour variables for code dark mode */
--background-code-block: var(--mono100);
......@@ -197,9 +159,7 @@
/* get the CSS for the dark mode */
@media (prefers-color-scheme: dark) {
[data-darkmode-code="auto"],
[data-colour-tint="false"],
[data-colour-tint="true"] {
[data-darkmode-code="auto"] {
/* colour variables for code dark mode */
--background-code-block: var(--mono100);
--code-block-highlight: var(--mono80);
......
......@@ -7,7 +7,6 @@
<body
class='{{- partial "classnames/body.html" . }}'
data-colour-theme='{{- partial "get-param/colour-theme.html" . }}'
data-colour-tint='{{- partial "get-param/colour-tint.html" . }}'
data-darkmode='{{- partial "get-param/darkmode.html" . }}'
data-darkmode-code='{{- partial "get-param/darkmode-code.html" . }}'
>
......
{{- /* returns $colourTint */ -}}
{{- /* first set up default */ -}}
{{- $colourTint := "false" -}}
{{- /* override with colour tint setting */ -}}
{{ if eq .Site.Params.backgroundTint true }}
{{ $colourTint = "true" }}
{{ end }}
{{- return $colourTint -}}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment