Use Colorides logo, fix themes

IsabelaY · Nov 17, 2024 · 1b9455d · 1b9455d
1 parent 90ed4dd
commit 1b9455d
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 8 deletions.
diff --git a/app/javascript/styles/colorwave.scss b/app/javascript/styles/colorwave.scss
@@ -35,6 +35,10 @@
   font-style: normal;
 }
 
+.colorides_logo {
+    filter: invert(0);
+}
+
 body, .ui {
     background: linear-gradient(45deg,rgb(255,198,222) 0%, rgb(198,198,255) 50%, rgb(198,255,222) 100%);
     font-family: galyon, Helvetica, sans-serif;

diff --git a/app/javascript/styles/flamingo.scss b/app/javascript/styles/flamingo.scss
@@ -712,9 +712,6 @@ public page fixes
     mix-blend-mode: normal
 }
 
-/* add shadow to help with visibility on light bg */
-.brand img {filter: drop-shadow(1px 1px 1px black)}
-
 /* footer logo recolor */
 .public-layout .footer .brand svg path {fill: var(--textPageMuted)}
 .public-layout .footer .brand:hover svg path {fill: var(--accent)}

diff --git a/app/javascript/styles/macaron/diff.scss b/app/javascript/styles/macaron/diff.scss
@@ -1,6 +1,10 @@
 // Notes!
 // Sass color functions, "darken" and "lighten" are automatically replaced.
 
+.colorides_logo {
+  filter: invert(0);
+}
+
 html {
   scrollbar-color: $pink rgba($pink, 0.25);
 }

diff --git a/app/javascript/styles/mastodon-light/diff.scss b/app/javascript/styles/mastodon-light/diff.scss
@@ -1,6 +1,10 @@
 // Notes!
 // Sass color functions, "darken" and "lighten" are automatically replaced.
 
+.colorides_logo {
+  filter: invert(0);
+}
+
 html {
   scrollbar-color: $ui-base-color rgba($ui-base-color, 0.25);
 }

diff --git a/app/javascript/styles/mastodon/branding.scss b/app/javascript/styles/mastodon/branding.scss
@@ -1,3 +1,7 @@
 .logo {
   color: $primary-text-color;
 }
+
+.colorides_logo {
+  filter: invert(1);
+}
diff --git a/app/javascript/styles/purple_haze.scss b/app/javascript/styles/purple_haze.scss
@@ -30,6 +30,14 @@ $light-text-color: #694E78;
 
 @import 'application';
 
+.colorides_logo {
+  filter: invert(0);
+}
+
+.sidebar__toggle .colorides_logo {
+  filter: invert(1);
+}
+
   html
   {
     scrollbar-face-color: #313543;

diff --git a/app/views/layouts/admin.html.haml b/app/views/layouts/admin.html.haml
@@ -11,12 +11,12 @@
           .logo
             %h2
               = link_to root_path, class: 'brand' do
-                = site_title
+                %img.colorides_logo{:src => "/colorides.svg", :style => "height: 30px; vertical-align: middle;"}
 
           .sidebar__toggle
             .sidebar__toggle__logo
               = link_to root_path do
-                = site_title
+                %img.colorides_logo{:src => "/colorides.svg", :style => "height: 30px; vertical-align: middle;"}
 
             = link_to '#', class: 'sidebar__toggle__icon', 'aria-label': t('navigation.toggle_menu'), 'aria-expanded': 'false' do
               = fa_icon 'bars'

diff --git a/public/colorides.svg b/public/colorides.svg