diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/footer.scss | 2 | ||||
| -rw-r--r-- | css/header.scss | 1 | ||||
| -rw-r--r-- | css/main.scss | 14 | ||||
| -rw-r--r-- | css/overview.scss | 1 | ||||
| -rw-r--r-- | css/page.scss | 1 |
5 files changed, 13 insertions, 6 deletions
diff --git a/css/footer.scss b/css/footer.scss index b289abd..92813c3 100644 --- a/css/footer.scss +++ b/css/footer.scss @@ -11,7 +11,7 @@ text-align: center; width: 100%; - #romanisation { + #arabic { $width: 31; $height: 11; diff --git a/css/header.scss b/css/header.scss index 7218670..d7c4873 100644 --- a/css/header.scss +++ b/css/header.scss @@ -2,6 +2,7 @@ $gap: 1rem; --foregroundColour: var(--backgroundColour); + --highlightColour: var(--textColour); align-items: center; background-color: var(--backgroundColour); diff --git a/css/main.scss b/css/main.scss index 591b8f8..fd46156 100644 --- a/css/main.scss +++ b/css/main.scss @@ -9,7 +9,7 @@ $separatorWidth: 0.25rem; $shadowColour: color-mix(in srgb, black, transparent 50%); @mixin separator { - background-color: var(--textColour); + background-color: var(--highlightColour); border-radius: calc($separatorWidth / 3); content: ""; display: block; @@ -34,6 +34,7 @@ body { --backgroundColour: oklch( 25% 0 0); --foregroundColour: oklch( 20% 0 0); --textColour: oklch(100% 0 0); + --highlightColour: var(--textColour); background-color: var(--backgroundColour); color: var(--textColour); @@ -45,15 +46,20 @@ body { &.light { --backgroundColour: oklch(96.875% 0 0); --foregroundColour: oklch(93.750% 0 0); - --textColour: oklch(25% 0 0); + --textColour: oklch(33.333% 0 0); + --highlightColour: oklch(25% 0 0); } } a, a:visited { - color: var(--textColour); + color: var(--highlightColour); cursor: pointer; } +h1 { + color: var(--highlightColour); +} + code { font-family: $codeFont; } @@ -62,7 +68,7 @@ img { // Set the `color` property so that alternative // text uses the correct colour. - color: var(--textColour); + color: var(--highlightColour); } ul { diff --git a/css/overview.scss b/css/overview.scss index ea8466b..b9429bd 100644 --- a/css/overview.scss +++ b/css/overview.scss @@ -12,6 +12,7 @@ a { --foregroundColour: var(--backgroundColour); + --highlightColour: var(--textColour); align-items: center; aspect-ratio: 1; diff --git a/css/page.scss b/css/page.scss index fd71b5b..2448f27 100644 --- a/css/page.scss +++ b/css/page.scss @@ -59,7 +59,6 @@ } p.note { - font-style: italic; font-weight: bold; text-align: left; text-align-last: left; |