Choose style:

Author Topic: Whiskermenu… edits in gtk3  (Read 542 times)

0 Members and 1 Guest are viewing this topic.

Offline manyroads

  • Jr. Member
  • **
  • Posts: 28
  • Karma: 1
  • New Forum User
    • View Profile
Whiskermenu… edits in gtk3
« on: July 24, 2018, 09:16:05 pm »
For those wishing to theme Whiskermenu… in gtk3, here is an example theme. I have made it so that it compliments the POP! Theme nicely (from system76). Hopefully it will give folks a useful template to edit and customize for their own purposes.

This file should be placed in your:
Code: [Select]
/home/<username>/.config/gtk-3.0
folder as:
Code: [Select]
gtk.css

Code: [Select]
/* bottom of the main body area */
#whiskermenu-window {
background-color: #393634;
color: #E5E5E5;
}

/* Make sidebar buttons match */
#whiskermenu-window button {
background-color: #574F4A;
color: #F1E9E9;
}
#whiskermenu-window button:hover {
background-color: #B0710B;
color: #FFA500;
}
#whiskermenu-window button:checked {
background-color: #574F4A;
color: white;
}

/* main body area */

#whiskermenu-window treeview:hover {
background-color: #F3E8D4;
color: #251212;
}

#whiskermenu-window treeview {
background-color: #F9F9F9;
color: #1a1a1a;
}

/* whiskermenu outer border */

#whiskermenu-window border {
background-color: #574F4A;
border-color: #4C4845;
}
Just log out and login to see the changes...
« Last Edit: July 25, 2018, 12:29:41 am by AndyInMokum, Reason: Encapsulating output with [code] »

Offline AndyInMokum

  • Global Moderator
  • Hero
  • *****
  • Posts: 4808
  • Karma: 1011
  • "Keep on Rockin' in the Free World"
    • View Profile
  • Peppermint version(s): PM 9 & PM 8 Respin-2 (64-bit)
Re: Whiskermenu… edits in gtk3
« Reply #1 on: July 25, 2018, 12:52:39 am »
Hi manyroads how's it going  :)?  Thanks you for the cool tutorial  8).  It's always good when our members dive in and get involved  ;).

Note: When posting commands or edits for the text editor, could you please remember to encapsulate them with the Insert, Code # function.  For extra long entries, please use the Spoiler, Sp function.  If you're using either the Chromium Browser or Google Chrome, don't combine these functions.  Only use one or the other per output  ;).  These functions allow the user to see how entries look in the system text editor.   Doing this is a huge help  ;).  It makes it much easier for future visitors; especially novice or newbies  ;).

These functions are found in the forum editor, above the,  :-[ Embarrassed and  the :'( Cry emoticon respectively.  You can click on the Preview button to see how it'll look in the forum.  I've done it for you this time - many thanks  ;).
Backup! Backup! Backup! If you're missing any of these -  you ain't Backed Up!
For my system info please L/click HERE.

Offline stevesveryown

  • Member
  • ***
  • Posts: 179
  • Karma: 35
  • Peppermint Fan
    • View Profile
    • stevesveryown
  • Peppermint version(s): Peppermint 8, 9 & 10!!!!
Re: Whiskermenu… edits in gtk3
« Reply #2 on: July 26, 2018, 09:29:05 am »
Can you post an image of the menu after the tweak?

Thanks, Steve

Sent from my SM-T813 using Tapatalk

Thanks!

Steve

My main machine:
AMD FX-8320 Piledriver (Vishera) 3.5GHz (4.1GHz turbo) (Eight Core) AM3+ 8MB Cache
AMD Black Edition Copper HeatPipe EXTRA QUIET fan
NVIDIA GeForce GTX 1050
ASUS SABERTOOTH 990FX AM3+, SLI & Cross Fire, SATA3, USB 3.0
16GB (2x8GB) PC17000 DDR3 2133 Dual Channel (high

Offline PCNetSpec

  • Administrator
  • Hero
  • *****
  • Posts: 24444
  • Karma: 2698
  • "-rw-rw-rw-" .. The Number Of The Beast
    • View Profile
    • PCNetSpec
  • Peppermint version(s): Peppermint 8R, 9, and 9R
Re: Whiskermenu… edits in gtk3
« Reply #3 on: July 26, 2018, 12:56:54 pm »
These can also be modified in the Peppermint gtk themes.

Take for example the default "Peppermint Red-Dark" theme .. you'll find the whiskermenu sections mentioned above at the end of this file (just above the @define-color section):
Code: [Select]
xed /usr/share/themes/Peppermint-Red-Dark/gtk-3.0/gtk.css
WARNING: You are logged into reality as 'root' .. logging in as 'insane' is the only safe option.

Team Peppermint
PCNetSpec