Update with new Brabners colours

open-innovations · May 21, 2024 · e93020d · e93020d
1 parent 5334459
commit e93020d
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 13 deletions.
diff --git a/oi-viz-config.ts b/oi-viz-config.ts
@@ -2,11 +2,11 @@ export default {
 	"assetPath": '/assets',
 	"componentNamespace": 'oi',
 	"colour": {
-		"background": "#efefef",
+		"background": "#fbf9f8",
 		"scales": {
-			"TrueNorth": "#efefef 0%, #a06c47 40%, #000000 100%",
+			"TrueNorth": "#efe9e5 0%, #3b7ea1 50%, #175677 65%, #181B25 91%, #000000 100%",
 		},
-		"series": [ '#97694e', '#bb9985', '#634635', '#decbc0', '#33251e' ]
+		"series": [ '#dc8c5d', '#9d6646', '#f4b16d', '#175677', '#3b7ea1', '#181b25', '#475062' ]
 	},
 	"font": {
 		"family": 'Poppins,CenturyGothicStd,"Century Gothic",Arial,sans-serif',

diff --git a/src/_includes/css/brabners.css b/src/_includes/css/brabners.css
@@ -20,10 +20,14 @@
 :root {
 	--oi-title-fontstack: Libre Caslon Text,serif;
 	--oi-main-fontstack: Roboto,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
+	color: #262626;
+}
+.bg-navy-radial {
+	background-image: radial-gradient(44.76% 50% at 50% 50%,#373f50 5.11%,#181b25 100%);
 }
 .brabners-header {
-		background-color: #131216;
-		color: white;
+	background-color: #181b25;
+	color: white;
 }
 h1, .title, .number, .bignum, ol>li:before {
 	letter-spacing: -.05em;
@@ -68,7 +72,7 @@ ol>li:before {
 	display:inline-block;
 	width:1.5em;
 	padding-right:0.5em;
-	color: #97694e;
+	color: #b17450;
 	font-size: 1.5rem;
 	font-weight: bold;
 	text-align:right;
@@ -93,10 +97,12 @@ ol>li:before {
 .tooltip .subtitle {
 	font-size: 1.25rem;
 }
+.brabners-bg-dark { background: #262626; color: white; }
+.brabners-bg-light { background: white; color: #262626; }
 
 .oi-legend-inner .oi-legend-item { padding: 0.25rem 0.5rem!important; }
 .oi-legend-inner .oi-legend-item.oi-series-on { outline: 0!important; background: none!important; }
-.oi-legend-inner .oi-legend-item:hover, .oi-legend-inner .oi-legend-item:focus { outline: 1px solid #97694e!important; }
+.oi-legend-inner .oi-legend-item:hover, .oi-legend-inner .oi-legend-item:focus { outline: 1px solid #b17450!important; }
 .oi-legend-inner .oi-legend-item.oi-series-off { opacity: 0.3; }
 
 .oi-dashboard-inner { display: flex; gap: 1em; flex-wrap: wrap; flex-direction: row; align-items: stretch; }
@@ -108,7 +114,7 @@ ol>li:before {
 	padding: 1rem;
 }
 .oi-dashboard-inner .panel h3 { font-size: 1.2rem; }
-.oi-dashboard-inner .panel .bignum { font-size: 3rem; color: #97694e; }
+.oi-dashboard-inner .panel .bignum { font-size: 3rem; color: #b17450; }
 .oi-dashboard-inner .footnote {
 	font-size: 0.7em;
 	text-align: left;

diff --git a/src/_includes/partials/footer.vto b/src/_includes/partials/footer.vto
@@ -1,4 +1,4 @@
-<footer class="b1-bg">
+<footer class="brabners-bg-dark">
 	<div class="holder padded tallpadded">
 		{{# {# {{ footer | safe }} #}
 		{# <ul class="elsewhere">

diff --git a/src/_includes/partials/header.vto b/src/_includes/partials/header.vto
diff --git a/src/_includes/template/base.vto b/src/_includes/template/base.vto
@@ -11,11 +11,11 @@
   <link rel="icon" href="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='640' height='640' overflow='auto' viewBox='-32 -32 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='oi-person'%3E%3Cpath d='m-32-32h64v64h-12v-24a4 4 0 0 0 -4 -4h-8a4 4 0 0 0 -4 4v24h-36zm44 27m-8 0a8 8 0 1 0 16 0 8 8 0 1 0-16 0' fill='%23fff'%3E%3C/path%3E%3C/mask%3E%3Cg id='oi-logo' fill='black'%3E%3Ccircle r='32' mask='url(%23oi-person)'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E" />
   <link rel="alternate" type="application/atom+xml" href="/atom.xml">
 </head>
-<body class="b1-bg">
+<body class="brabners-bg-dark">
 
   {{ include "partials/header.vto" }}
 
-	<div class="b6-bg">
+	<div class="brabners-bg-light">
 		<div class="holder padded tallpadded">
 		  {{ content |> safe }}
 		</div>