From fa257e2522d3cba0294602b45597852af63890cf Mon Sep 17 00:00:00 2001
From: Andrew <andrewLchronister@gmail.com>
Date: Tue, 11 Sep 2018 22:19:04 -0700
Subject: [PATCH] Cybre light for 2.5.0

---
 app/javascript/styles/cybre-light.scss | 62 +++++++++++++++++++++++---
 1 file changed, 55 insertions(+), 7 deletions(-)

diff --git a/app/javascript/styles/cybre-light.scss b/app/javascript/styles/cybre-light.scss
index 403b30862..087a20558 100644
--- a/app/javascript/styles/cybre-light.scss
+++ b/app/javascript/styles/cybre-light.scss
@@ -505,11 +505,13 @@ button.icon-button {
   flex: 0 0.5 auto;
 }
 
-.column-link {
-  background: lighten($ui-primary-color, 5%);
-  color:$white;
-  &:hover {
-    background: lighten($ui-primary-color, 10%);
+.getting-started {
+  .column-link {
+    background: lighten($ui-primary-color, 5%);
+    color:$white;
+    &:hover {
+      background: lighten($ui-primary-color, 10%);
+    }
   }
 }
 .column-link__badge {
@@ -553,8 +555,8 @@ button.icon-button {
 .dropdown-menu__item {
   & > a {
     color: $primary-text-color;
-    &:hover {
-      color: $ui-base-color;
+    &:hover, &:active, &:focus {
+      color: $white;
     }
   }
 }
@@ -661,6 +663,10 @@ button.icon-button {
   background:$ui-base-alt;
 }
 
+.search__icon .fa {
+  color: $ui-highlight-color;
+}
+
 .drawer__pager {
   overflow-y:auto;
 }
@@ -682,6 +688,13 @@ button.icon-button {
   &.button-alternative {
     color: $ui-base-color;
   }
+
+  &.logo-button {
+    color: $white;
+    svg path:first-child {
+      fill: $white;
+    }
+  }
 }
 
 .simple_form {
@@ -907,3 +920,38 @@ button.icon-button {
       background-color: lighten($ui-highlight-color, 4%);
     }
 }
+
+.public-layout .header {
+  background: $ui-highlight-color;
+  color: $white;
+}
+
+.public-layout .public-account-header__tabs__name h1 {
+  color: $white;
+  small {
+    color: $white;
+  }
+}
+.public-layout .header .brand:hover, 
+.public-layout .header .brand:focus, 
+.public-layout .header .brand:active {
+  background: lighten($ui-highlight-color, 5%);
+}
+
+.public-layout .container:last-child {
+  background:$ui-highlight-color;
+  padding-left: 100px;
+  padding-right: 100px;
+  border-radius: 4px;
+  h4 {
+    color: white;
+  }
+}
+
+.modal-layout, .modal-layout__mastodon > * {
+  background: none;
+}
+
+.dashboard__widgets a:not(.name-tag) {
+  color: $primary-text-color;
+}