From 0968181e060234ec26356754dbfe25ef07fe97a2 Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Tue, 5 Jan 2021 15:15:46 -0700 Subject: [PATCH] Add serif'd font to the text inputs --- web/src/components/GameBoard.vue | 2 +- web/src/css/theme.css | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/web/src/components/GameBoard.vue b/web/src/components/GameBoard.vue index bc8820e..a812c5a 100644 --- a/web/src/components/GameBoard.vue +++ b/web/src/components/GameBoard.vue @@ -217,9 +217,9 @@ h2 { } input[type="text"] { - font-family: var(--fonts); background-color: var(--board-background-alt); color: var(--board-background-alt-text); + font-family: var(--input-fonts); text-transform: uppercase; border-color: transparent; border-style: solid; diff --git a/web/src/css/theme.css b/web/src/css/theme.css index bbcb24e..7c60758 100644 --- a/web/src/css/theme.css +++ b/web/src/css/theme.css @@ -1,9 +1,12 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap'); + :root { /* The fonts and font colours the site will use */ --fonts: "Roboto", "Open Sans", sans-serif; + --input-fonts: "Roboto Slab", var(--fonts); --light-font-colour: #ECE3BB; --dark-font-colour: #000F3D;