new themes!

presets.yaml

@@ -70,7 +70,7 @@ original:
     update-text: '#ffffff'
     critical-bg: '#da4b46'
     critical-text: '#ffffff'
-pro-default:
+modern:
   name: Modern
   accents:
     primary-accent: 'logo'
@@ -106,7 +106,7 @@ pro-default:
     update-text: '#ffffff'
     critical-bg: '#b84256'
     critical-text: '#ffffff'
-pro-dark:
+modern-dark:
   name: Modern Dark
   accents:
     primary-accent: 'logo'
@@ -142,7 +142,7 @@ pro-dark:
     update-text: '#ffffff'
     critical-bg: '#b84256'
     critical-text: '#ffffff'
-pro-lite:
+modern-lite:
   name: Modern Light
   accents:
     primary-accent: 'update'
@@ -178,3 +178,183 @@ pro-lite:
     update-text: '#ffffff'
     critical-bg: '#f45857'
     critical-text: '#ffffff'
+one-dark:
+  name: One Dark
+  accents:
+    primary-accent: nav
+    secondary-accent: nav
+    tertiary-accent: tabs
+  colors:
+    logo-bg: '#2A2C33'
+    logo-link: '#d8dadf'
+    nav-bg: '#333842'
+    nav-text: '#858991'
+    nav-link: '#CED0D4'
+    nav-selected-bg: '#282c34'
+    nav-selected-link: '#d8dadf'
+    nav-hover-bg: '#3A404B'
+    nav-hover-link: '#d8dadf'
+    toolbar-bg: '#2A2C33'
+    toolbar-text: '#9ea5b3'
+    page-bg: '#1E2127'
+    page-text: '#ABB2BF'
+    page-link: '#61AFEE'
+    content-bg: '#282C34'
+    content-text: '#abb2bf'
+    content-link: '#61AFEE'
+    content-link2: '#b960d4'
+    content-header: '#727C8C'
+    content-tabs-bg: '#25272E'
+    content-tabs-text: '#9ea5b3'
+    button-bg: '#383F4C'
+    button-text: '#d8dadf'
+    notice-bg: '#25b4c7'
+    notice-text: '#dfe3ed'
+    update-bg: '#71c435'
+    update-text: '#dfe3ed'
+    critical-bg: '#d13e46'
+    critical-text: '#dfe3ed'
+one-light:
+  name: One Light
+  accents:
+    primary-accent: update
+    secondary-accent: button
+    tertiary-accent: critical
+  colors:
+    logo-bg: '#eaeaeb'
+    logo-link: '#0084bc'
+    nav-bg: '#eaeaeb'
+    nav-text: '#6B6E70'
+    nav-link: '#6B6E70'
+    nav-selected-bg: '#e0e0e1'
+    nav-selected-link: '#424243'
+    nav-hover-bg: '#f1f1f2'
+    nav-hover-link: '#424243'
+    toolbar-bg: '#ffffff'
+    toolbar-text: '#424243'
+    page-bg: '#f9f9f9'
+    page-text: '#6b6e70'
+    page-link: '#0084bc'
+    content-bg: '#ffffff'
+    content-text: '#6B6E70'
+    content-link: '#0084bc'
+    content-link2: '#b960d4'
+    content-header: '#727C8C'
+    content-tabs-bg: '#f9f9f9'
+    content-tabs-text: '#6b6e70'
+    button-bg: '#0084bc'
+    button-text: '#f1f1f2'
+    notice-bg: '#0084bc'
+    notice-text: '#f1f1f2'
+    update-bg: '#61bf1f'
+    update-text: '#f1f1f2'
+    critical-bg: '#c22931'
+    critical-text: '#f1f1f2'
+remedy:
+  name: Remedy
+  accents:
+    primary-accent: update
+    secondary-accent: notice
+    tertiary-accent: tabs
+  colors:
+    logo-bg: '#282726'
+    logo-link: '#f9e7c4'
+    nav-bg: '#2C2B2A'
+    nav-text: '#938977'
+    nav-link: '#938977'
+    nav-selected-bg: '#272625'
+    nav-selected-link: '#f9e7c4'
+    nav-hover-bg: '#333130'
+    nav-hover-link: '#f9e7c4'
+    toolbar-bg: '#282726'
+    toolbar-text: '#f9e7c4'
+    page-bg: '#272625'
+    page-text: '#f9e7c4'
+    page-link: '#B294BB'
+    content-bg: '#353433'
+    content-text: '#F9E7C4'
+    content-link: '#b294bb'
+    content-link2: '#81a2be'
+    content-header: '#F9E7C4'
+    content-tabs-bg: '#272625'
+    content-tabs-text: '#938977'
+    button-bg: '#5a7185'
+    button-text: '#f9e7c4'
+    notice-bg: '#5a7185'
+    notice-text: '#f9e7c4'
+    update-bg: '#83638c'
+    update-text: '#f9e7c4'
+    critical-bg: '#943136'
+    critical-text: '#f9e7c4'
+ocean:
+  name: Ocean
+  accents:
+    primary-accent: update
+    secondary-accent: button
+    tertiary-accent: notice
+  colors:
+    logo-bg: '#007FD4'
+    logo-link: '#ffffff'
+    nav-bg: '#007acc'
+    nav-text: '#B5D6F4'
+    nav-link: '#b5d6f4'
+    nav-selected-bg: '#006bbd'
+    nav-selected-link: '#c9e3ff'
+    nav-hover-bg: '#0072c9'
+    nav-hover-link: '#c9e3ff'
+    toolbar-bg: '#006bbd'
+    toolbar-text: '#c9e3ff'
+    page-bg: '#e9f3ff'
+    page-text: '#2a587a'
+    page-link: '#3EA7E6'
+    content-bg: '#f5faff'
+    content-text: '#2A587A'
+    content-link: '#006bbd'
+    content-link2: '#519173'
+    content-header: '#636468'
+    content-tabs-bg: '#eef6ff'
+    content-tabs-text: '#41627a'
+    button-bg: '#027FD4'
+    button-text: '#ffffff'
+    notice-bg: '#8e5b8f'
+    notice-text: '#ffffff'
+    update-bg: '#519173'
+    update-text: '#ffffff'
+    critical-bg: '#f45857'
+    critical-text: '#ffffff'
+cobalt2:
+  name: Cobalt2
+  accents:
+    primary-accent: notice
+    secondary-accent: update
+    tertiary-accent: tabs
+  colors:
+    logo-bg: '#0e1d2b'
+    logo-link: '#ffffff'
+    nav-bg: '#122739'
+    nav-text: '#88929c'
+    nav-link: '#ffffff'
+    nav-selected-bg: '#0E1D2B'
+    nav-selected-link: '#ffc600'
+    nav-hover-bg: '#142B40'
+    nav-hover-link: '#ffffff'
+    toolbar-bg: '#122739'
+    toolbar-text: '#acb8c5'
+    page-bg: '#0e1d2b'
+    page-text: '#E1EFFE'
+    page-link: '#0088FF'
+    content-bg: '#193549'
+    content-text: '#E1EFFE'
+    content-link: '#0088ff'
+    content-link2: '#ffc600'
+    content-header: '#ffc600'
+    content-tabs-bg: '#173043'
+    content-tabs-text: '#acb8c5'
+    button-bg: '#0476e0'
+    button-text: '#ffffff'
+    notice-bg: '#0476e0'
+    notice-text: '#ffffff'
+    update-bg: '#cfa200'
+    update-text: '#ffffff'
+    critical-bg: '#d13e46'
+    critical-text: '#dfe3ed'

themes/grav/scss/preset.scss

@@ -645,7 +645,7 @@ tr {
         @include linear-gradient(darken($primary-accent-bg, 7%), $primary-accent-bg);
 
         h1 {
-            color: $white;
+            color: $primary-accent-fg;
             border-bottom: 0;
         }
 
@@ -672,7 +672,7 @@ tr {
         @include linear-gradient(darken($secondary-accent-bg, 7%), $secondary-accent-bg);
 
         h1 {
-            color: $white;
+            color: $secondary-accent-fg;
             border-bottom: 0;
         }
 
@@ -1176,7 +1176,7 @@ form {
     color: $update-text;
 
     a {
-        color: darken($update-text, 10%);
+        color: darken($update-text, 5%);
         &:hover {
             color: $update-text;
         }
@@ -1196,7 +1196,7 @@ form {
     color: $notice-text;
 
     a {
-        color: darken($notice-text, 10%);
+        color: darken($notice-text, 5%);
         &:hover {
             color: $notice-text;
         }
@@ -1216,7 +1216,7 @@ form {
     color: $critical-text;
 
     a {
-        color: darken($critical-text, 10%);
+        color: darken($critical-text, 5%);
         &:hover {
             color: $critical-text;
         }

themes/grav/scss/template/_horizontal-scroll.scss

@@ -9,7 +9,7 @@
         line-height: 20px;
         display: block;
         padding: 30px 8px;
-        color: #fff;
+        color: #fff !important;
         background: #000;
         background: rgba(0,0,0,0.65);
         cursor: pointer;

themes/grav/scss/template/_whitelabel.scss

@@ -20,7 +20,6 @@ $transparent-image: 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEB
     &.predefined-scheme:hover {
         cursor: pointer;
 
-
         span {
             color: white;
         }