From beb4b651bddd9e589cf37151c35acbf6ddfe36b8 Mon Sep 17 00:00:00 2001 From: Bob Mottram Date: Mon, 16 Nov 2020 20:29:36 +0000 Subject: [PATCH] Button font --- epicyon-profile.css | 20 ++++++++++++-------- theme/blue/theme.json | 1 + theme/hacker/theme.json | 1 + theme/henge/theme.json | 1 + theme/indymediamodern/theme.json | 1 + theme/lcd/theme.json | 1 + theme/light/theme.json | 1 + theme/night/theme.json | 1 + theme/purple/theme.json | 1 + theme/rc3/theme.json | 6 ++++-- theme/solidaric/theme.json | 1 + theme/starlight/theme.json | 1 + 12 files changed, 26 insertions(+), 10 deletions(-) diff --git a/epicyon-profile.css b/epicyon-profile.css index 17d2811a..b21dafe8 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -134,11 +134,13 @@ --profile-background-height: 25vw; --profile-text-align: left; --verticals-width: 0; + --italic-font-style: italic; + --header-font: 'Bedstead'; } @font-face { font-family: 'Bedstead'; - font-style: italic; + font-style: var(--italic-font-style); font-weight: normal; font-display: block; src: url('./fonts/bedstead.otf') format('opentype'); @@ -947,6 +949,7 @@ div.container { h3.linksHeader { background-color: var(--column-left-header-background); color: var(--column-left-header-color); + font-family: var(--header-font); font-size: var(--column-left-header-size); text-transform: var(--column-left-header-style); padding: 4px; @@ -1244,7 +1247,7 @@ div.container { color: var(--button-text); text-align: center; font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--header-font); padding: var(--button-height-padding); width: 10%; margin: 5px; @@ -1262,7 +1265,7 @@ div.container { color: var(--button-text); text-align: center; font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--header-font); padding: var(--button-height-padding); width: 10%; margin: 5px; @@ -1314,7 +1317,7 @@ div.container { color: var(--button-selected-text); text-align: center; font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--header-font); padding: var(--button-height-padding); width: 10%; margin: 5px; @@ -1333,7 +1336,7 @@ div.container { color: var(--button-text); text-align: center; font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--header-font); padding: var(--button-height-padding); width: 10%; max-width: 100px; @@ -1578,6 +1581,7 @@ div.container { h3.linksHeader { background-color: var(--column-left-header-background); color: var(--column-left-header-color); + font-family: var(--header-font); font-size: var(--column-left-header-size-mobile); text-transform: var(--column-left-header-style); padding: 4px; @@ -1836,7 +1840,7 @@ div.container { color: var(--button-text); text-align: center; font-size: var(--font-size-button-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--header-font); padding: var(--button-height-padding-mobile); width: 20%; min-width: var(--button-width-chars); @@ -1928,7 +1932,7 @@ div.container { color: var(--button-selected-text); text-align: center; font-size: var(--font-size-button-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--header-font); padding: var(--button-height-padding-mobile); width: 20%; min-width: var(--button-width-chars); @@ -1947,7 +1951,7 @@ div.container { color: var(--button-text); text-align: center; font-size: var(--font-size-button-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--header-font); padding: var(--button-height-padding-mobile); width: 20%; max-width: 400px; diff --git a/theme/blue/theme.json b/theme/blue/theme.json index cdbfdb20..e47b8242 100644 --- a/theme/blue/theme.json +++ b/theme/blue/theme.json @@ -26,6 +26,7 @@ "hashtag-vertical-spacing3": "100px", "hashtag-vertical-spacing4": "150px", "time-vertical-align": "-10px", + "header-font": "'Domestic_Manners'", "*font-family": "'Domestic_Manners'", "*src": "url('./fonts/Domestic_Manners.woff2') format('woff2')" } diff --git a/theme/hacker/theme.json b/theme/hacker/theme.json index 73ded44b..14adc6f5 100644 --- a/theme/hacker/theme.json +++ b/theme/hacker/theme.json @@ -31,6 +31,7 @@ "button-small-text": "#00ff00", "button-corner-radius": "4px", "timeline-border-radius": "4px", + "header-font": "'Bedstead'", "*font-family": "'Bedstead'", "*src": "url('./fonts/bedstead.otf') format('opentype')", "color: #FFFFFE;": "color: green;", diff --git a/theme/henge/theme.json b/theme/henge/theme.json index eddde97d..7d5bae9f 100644 --- a/theme/henge/theme.json +++ b/theme/henge/theme.json @@ -50,6 +50,7 @@ "timeline-border-radius": "20px", "image-corners": "8%", "quote-right-margin": "0.1em", + "header-font": "'bgrove'", "*font-family": "'bgrove'", "*src": "url('fonts/bgrove.woff2') format('woff2')" } diff --git a/theme/indymediamodern/theme.json b/theme/indymediamodern/theme.json index f8c984f8..3c754d4a 100644 --- a/theme/indymediamodern/theme.json +++ b/theme/indymediamodern/theme.json @@ -112,6 +112,7 @@ "title-text": "#282c37", "title-background": "#ccc", "gallery-text-color": "black", + "header-font": "'NimbusSanL'", "*font-family": "'NimbusSanL'", "*src": "url('./fonts/NimbusSanL.otf') format('opentype')", "**src": "url('./fonts/NimbusSanL-italic.otf') format('opentype')" diff --git a/theme/lcd/theme.json b/theme/lcd/theme.json index fe9d36ca..d17864ec 100644 --- a/theme/lcd/theme.json +++ b/theme/lcd/theme.json @@ -67,6 +67,7 @@ "time-color": "#33390d", "place-color": "#33390d", "event-color": "#33390d", + "header-font": "'LcdSolid'", "*font-family": "'LcdSolid'", "*src": "url('./fonts/LcdSolid.woff2') format('woff2')" } diff --git a/theme/light/theme.json b/theme/light/theme.json index b20ba2a3..76fe70ba 100644 --- a/theme/light/theme.json +++ b/theme/light/theme.json @@ -55,6 +55,7 @@ "title-text": "#282c37", "title-background": "#ccc", "gallery-text-color": "black", + "header-font": "'ElectrumADFExp-Regular'", "*font-family": "'ElectrumADFExp-Regular'", "*src": "url('./fonts/ElectrumADFExp-Regular.otf') format('opentype')" } diff --git a/theme/night/theme.json b/theme/night/theme.json index 7d48d624..32b61aa9 100644 --- a/theme/night/theme.json +++ b/theme/night/theme.json @@ -50,6 +50,7 @@ "event-background": "#00014a", "quote-right-margin": "0", "line-spacing": "150%", + "header-font": "'solidaric'", "*font-family": "'solidaric'", "*src": "url('./fonts/solidaric.woff2') format('woff2')", "**src": "url('./fonts/solidaric-italic.woff2') format('woff2')" diff --git a/theme/purple/theme.json b/theme/purple/theme.json index 8c80a6ce..8e3c6456 100644 --- a/theme/purple/theme.json +++ b/theme/purple/theme.json @@ -50,6 +50,7 @@ "time-color": "#f98bb0", "place-color": "#f98bb0", "event-color": "#f98bb0", + "header-font": "'CheGuevaraTextSans-Regular'", "*font-family": "'CheGuevaraTextSans-Regular'", "*src": "url('./fonts/CheGuevaraTextSans-Regular.woff2') format('woff2')" } diff --git a/theme/rc3/theme.json b/theme/rc3/theme.json index 26a1b587..3143cd8e 100644 --- a/theme/rc3/theme.json +++ b/theme/rc3/theme.json @@ -1,6 +1,8 @@ { "calendar-header-font-style": "normal", - "calendar-header-font": "Orbitron", + "italic-font-style": "normal", + "calendar-header-font": "'Orbitron'", + "header-font": "'Orbitron'", "search-banner-height": "50vh", "button-approve": "#160afe", "button-deny": "#fd294f", @@ -67,7 +69,7 @@ "place-color": "#0481f5", "event-color": "#0481f5", "event-background": "#00014a", - "quote-right-margin": "0", + "quote-right-margin": "0", "line-spacing": "150%", "*font-family": "'Montserrat-Regular'", "*src": "url('./fonts/Montserrat-Regular.ttf') format('truetype')", diff --git a/theme/solidaric/theme.json b/theme/solidaric/theme.json index 6ee533b2..8e59a2b3 100644 --- a/theme/solidaric/theme.json +++ b/theme/solidaric/theme.json @@ -65,6 +65,7 @@ "gallery-text-color": "black", "quote-right-margin": "0", "line-spacing": "150%", + "header-font": "'solidaric'", "*font-family": "'solidaric'", "*src": "url('./fonts/solidaric.woff2') format('woff2')", "**src": "url('./fonts/solidaric-italic.woff2') format('woff2')" diff --git a/theme/starlight/theme.json b/theme/starlight/theme.json index 71ccfe17..33eb6a09 100644 --- a/theme/starlight/theme.json +++ b/theme/starlight/theme.json @@ -56,6 +56,7 @@ "event-color": "#ffc4bc", "image-corners": "2%", "quote-right-margin": "0.1em", + "header-font": "'bgrove'", "*font-family": "'bgrove'", "*src": "url('fonts/bgrove.woff2') format('woff2')" }