colors

bs.js

@@ -2,7 +2,7 @@ var browserSync = require('browser-sync');
 
 browserSync({
   //proxy: 'http://137.149.200.93',
-  proxy: 'https://islandimagined2.islandarchives.ca',
+  proxy: 'https://pwc2.islandarchives.ca',
   files: 'css/**/*.css',
   plugins: ['bs-rewrite-rules'],
   serveStatic: ['.'],

css/base/base.css

@@ -27,10 +27,7 @@ html {
 body {
   margin: 0;
   color: var(--color-text-neutral-medium);
-  /*background-color: var(--color--gray-100);*/
-  background-color: #ece8e3;
-  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e  %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");*/
-  /*background-position: top left; [> LTR <]*/
+  background-color: var(--color--gray-100);
 }
 
 body.is-fixed {

css/base/colors.css

@@ -0,0 +1,9 @@
+:root {
+--pwc-grey: #e3e3d7;
+--pwc-black: #121b22;
+--pwc-blue: #1e4969;
+--pwc-tan: #c4ae97;
+--pwc-red: #920001;
+--pwc-maroon: #581816;
+}
+

css/base/variables.css

@@ -114,6 +114,13 @@
   /**
    * Named Colors.
    */
+  --pwc-grey: #e3e3d7; /*#e3e3d7*/
+  --pwc-black: #121b22; /*#121b22*/
+  --pwc-blue: #1e4969; /*#1e4969;*/
+  --pwc-tan: #c4ae97; /*#c4ae97*/
+  --pwc-red: #920001; /*#920001*/
+  --pwc-maroon: #581816; /*#581816*/
+
   --color--black: #000; /* Black */
   --color--white: #fff; /* White */
   --color--red: #e33f1e; /* Red */

css/components/block.css

@@ -28,6 +28,7 @@
 
   /*background: #f6f8f8;*/
   background: #ece8e3;
+  background: var(--pwc-grey);
   padding: 1rem;
   border-radius: 5px;
 

css/components/footer.css

@@ -13,8 +13,12 @@
 .site-footer {
   position: relative; /* stack above left social bar */
   color: var(--color--gray-65);
-  /*background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%);*/
-  background: #33210D;
+  background: linear-gradient(
+    180deg,
+    var(--color--gray-5) 0%,
+    var(--color--gray-10) 100%
+  );
+  /*background: var(--pwc-maroon);*/
 }
 
 .site-footer .menu {

css/components/header-site-branding.css

@@ -139,6 +139,7 @@
 }
 .site-branding__slogan {
   color: #d0bca4;
+  color: var(--pwc-tan);
   font-size: 1.125rem;
   /*font-size: 1.5rem;*/
 }