Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: Shades. on January 24, 2022, 04:30:05 PM

Title: Mobile colors?
Post by: Shades. on January 24, 2022, 04:30:05 PM
Where do I change colors in the 2.1 RC4 css for mobile theme? Specifically the hamburger thing & the menu pop-up!? The background is white on my dark theme on mobile and can't see the menu text.

Thanks! 8)
Title: Re: Mobile colors?
Post by: Shades. on January 24, 2022, 04:58:54 PM
Oh, found it in responsive.css duh! ::)  ;D

Quote.popup_window, #main_menu .popup_window, #genericmenu .popup_window {
      position: relative;
      z-index: 99;
      width: 90%;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
      border: 1px solid #777;
      border-radius: 7px 7px 3px 3px;
      min-height: 285px !important;
      max-height: 5em;
      overflow-x: hidden !important;
      overflow-y: scroll !important;
      -webkit-overflow-scrolling: touch;
      background: #fff; /* fallback for some browsers */
      background-image: linear-gradient(to bottom, #e2e9f3 0%, #fff 70%);
      top: 15%;
      padding: 0;
      margin: 0 auto;
Title: Re: Mobile colors?
Post by: Diego Andrés on January 24, 2022, 05:16:23 PM
Uhmm yes, just noticed this earlier.
Can't remember the reason behind this... Might be worth checking later since this bit needs a quick fix for the max-height anyway.
Title: Re: Mobile colors?
Post by: Shades. on January 24, 2022, 05:39:24 PM
Now I need a .svg editor to change colors on the menu.svg! :o

Unless anybody got one that is white or greyish? (preferably greyish) O:) 
Title: Re: Mobile colors?
Post by: TwitchisMental on January 25, 2022, 06:47:28 PM
Quote from: Shades. on January 24, 2022, 05:39:24 PMNow I need a .svg editor to change colors on the menu.svg! :o

Unless anybody got one that is white or greyish? (preferably greyish) O:) 
Inkscape is a free open source vector graphics editor.  That should get the job done for you :).

https://inkscape.org/
Title: Re: Mobile colors?
Post by: Shades. on January 25, 2022, 09:18:07 PM
Yeah I downloaded it yesterday but haven't had time to play with it yet. ;)

Thank you! 8)
Title: Re: Mobile colors?
Post by: pulgoki on January 26, 2022, 10:06:25 AM
I just created a new hamburger button using gimp, saved it as a png, then pointed to the new png. 

That may be easier? 

There are lots of them already available to d/l with a quick google search.
Title: Re: Mobile colors?
Post by: Antechinus on January 29, 2022, 07:25:21 PM
Quote from: Shades. on January 24, 2022, 05:39:24 PMNow I need a .svg editor to change colors on the menu.svg! :o
No, you don't. If you just want to change the colour you can use CSS filters. ;)
https://developer.mozilla.org/en-US/docs/Web/CSS/filter