lyrathorpe/WhyIsTheDLRShut.Today
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge pull request 'feat: match original theme to authentic 1987 DLR livery' (#19) from feat/original-theme-dlr-livery into main

Browse Source 
Reviewed-on: #19
This commit is contained in:
lyrathorpe
2026-06-12 13:08:59 +01:00
parent c5433a23ee e31729e27a
commit 521bf6da21
2 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3
View File
@@ -4,6 +4,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Why is the DLR shut today?</title> <title>Why is the DLR shut today?</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rokkitt:wght@400;700;800&display=swap">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body data-theme="modern"> <body data-theme="modern">
styles.css
+13 -9
View File
@@ -19,16 +19,20 @@
--button-active-text: #ffffff; --button-active-text: #ffffff;
} }
/* Original DLR — 1987 red, white and blue */ /* Original DLR — 1987 P86/P89 livery: blue body and skirt, red band and
doors, white stripes. Blue is the dominant field, red the accent.
1987 branding used the Rockwell slab serif; Rokkitt is a free fallback for
systems without Rockwell installed. */
[data-theme="original"] { [data-theme="original"] {
--bg: #c8102e; --font-stack: Rockwell, "Rockwell Nova", Rokkitt, Georgia, serif;
--surface: #002b5c; --bg: #1f3a93;
--text: #f5f0e1; --surface: #c8102e;
--message: #f5f0e1; --text: #ffffff;
--button-bg: #002b5c; --message: #ffffff;
--button-text: #f5f0e1; --button-bg: #c8102e;
--button-active-bg: #f5f0e1; --button-text: #ffffff;
--button-active-text: #002b5c; --button-active-bg: #ffffff;
--button-active-text: #1f3a93;
} }
* { * {