From e84c950669316257bcb53133bf87f112fb37d880 Mon Sep 17 00:00:00 2001 From: niklas_net Date: Mon, 7 Jul 2025 16:51:13 +0000 Subject: [PATCH] Pushing final design for media.ccc.de conference subsite --- 2025/voc/voctoweb/custom.css | 50 ++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 2025/voc/voctoweb/custom.css diff --git a/2025/voc/voctoweb/custom.css b/2025/voc/voctoweb/custom.css new file mode 100644 index 0000000..0aee043 --- /dev/null +++ b/2025/voc/voctoweb/custom.css @@ -0,0 +1,50 @@ +@font-face { + font-family: 'Retro Floral'; + src: url('http://localhost:3000/assets/retro-floral.regular.ttf') format('truetype'); +} +@font-face { + font-family: 'Retro Floral'; + src: url('http://localhost:3000/assets/retro-floral.regular.otf') format('opentype'); +} + +:root { + --color-text-light: #000000; + --color-text-dark: #FFFFFF; + --color-background-dark: #001C21; + --font-heading: "Retro Floral", sans-serif; +} + +html, .light { + --text-primary: var(--color-text-light); +} + +.navbar-brand img { +content: url('https://static.media.ccc.de/media/events/hackover2025/voctocat-header.png'); +} + +h1, h2 { +font-weight: 700; +} + +@media (prefers-color-scheme: dark) { + html { + --text-primary: var(--color-text-dark); + --text-heading: var(--color-text-dark); + --surface-50: #001C21; + } + + body.page-list .events-header .logo { + background: none; + } + + .thumbnail { + background: none; + } +} + +.dark { + --text-primary: var(--color-text-dark); + --text-heading: var(--color-text-dark); + --surface-50: #001C21; +} +