Combining Themes for Continuity [SOLVED]

Style your desktop
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Locked
User avatar
bug67
Level 2
Level 2
Posts: 92
Joined: Thu Feb 25, 2010 10:11 am
Location: Anchorage, AK
Contact:

Combining Themes for Continuity [SOLVED]

Post by bug67 »

Hello,

I have a combination of themes running in Cinnamon. For window borders, I am running Mint-Y-Dark. For controls, I am running Arc-Dark. The result of this combination is a very pleasing (to me) dark theme with blue window control buttons. However, as you can see in the attached images, the Mint-Y-Dark window border is darker than the rest of the (Ark-Dark) window. If I just go with the complete Arc-Dark theme, I get continuity with the window border and the rest of the window but the buttons are red instead of blue.

What I would like to know is, is there a way (CSS edit?) I can change the window borders to match the color of the rest of the window and have blue control buttons?

Mint-Y-Dark controls showing darker window decoration
Image
Arc-Dark yucky red button :P
Image
Last edited by LockBot on Wed Dec 28, 2022 7:16 am, edited 2 times in total.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
Asus X550CA Linux Mint 18.3 Cinnamon
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: Combining Themes for Continuity

Post by austin.texas »

That should not be too difficult. Please post the result of

Code: Select all

ls /usr/share/themes/Arc-Dark/metacity-1
Mint 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
User avatar
bug67
Level 2
Level 2
Posts: 92
Joined: Thu Feb 25, 2010 10:11 am
Location: Anchorage, AK
Contact:

Re: Combining Themes for Continuity

Post by bug67 »

austin.texas wrote:That should not be too difficult. Please post the result of

Code: Select all

ls /usr/share/themes/Arc-Dark/metacity-1

Code: Select all

button-bg.svg      max-icon.svg          metacity-theme-3.xml
button-border.svg  metacity-theme-1.xml  min-icon.svg
close-icon.svg     metacity-theme-2.xml
Asus X550CA Linux Mint 18.3 Cinnamon
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: Combining Themes for Continuity

Post by austin.texas »

Run this command: (all one line)

Code: Select all

sudo cp /usr/share/themes/Mint-Y-Dark/metacity-1/button-bg.svg  max-icon.svg button-border.svg min-icon.svg close-icon.svg  /usr/share/themes/Arc-Dark/metacity-1/
Then press ALT-F2 and enter rt
That's it.
Mint 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
User avatar
bug67
Level 2
Level 2
Posts: 92
Joined: Thu Feb 25, 2010 10:11 am
Location: Anchorage, AK
Contact:

Re: Combining Themes for Continuity

Post by bug67 »

Thanks but, that didn't change anything. :?:

Code: Select all

cp: cannot stat 'max-icon.svg': No such file or directory
cp: cannot stat 'button-border.svg': No such file or directory
cp: cannot stat 'min-icon.svg': No such file or directory
cp: cannot stat 'close-icon.svg': No such file or directory
Asus X550CA Linux Mint 18.3 Cinnamon
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: Combining Themes for Continuity

Post by austin.texas »

Then you can break it down into multiple commands.

Code: Select all

sudo cp /usr/share/themes/Mint-Y-Dark/metacity-1/max-icon.svg   /usr/share/themes/Arc-Dark/metacity-1/

Code: Select all

sudo cp /usr/share/themes/Mint-Y-Dark/metacity-1/button-bg.svg  /usr/share/themes/Arc-Dark/metacity-1/

Code: Select all

sudo cp /usr/share/themes/Mint-Y-Dark/metacity-1/button-border.svg   /usr/share/themes/Arc-Dark/metacity-1/

Code: Select all

sudo cp /usr/share/themes/Mint-Y-Dark/metacity-1/min-icon.svg   /usr/share/themes/Arc-Dark/metacity-1/

Code: Select all

sudo cp /usr/share/themes/Mint-Y-Dark/metacity-1/close-icon.svg   /usr/share/themes/Arc-Dark/metacity-1/
Then ALT-F2 and rt
Mint 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
User avatar
bug67
Level 2
Level 2
Posts: 92
Joined: Thu Feb 25, 2010 10:11 am
Location: Anchorage, AK
Contact:

Re: Combining Themes for Continuity

Post by bug67 »

austin.texas wrote:Then you can break it down into multiple commands...
Nothing...
No change whatsoever. :(

And I'm assuming I need to restart cinnamon after? If thats the case, alt f2 r works. Alt f2 "rt" doesn't do anything. Or is that supposed to be "return"? Sorry for my noobishness.
Asus X550CA Linux Mint 18.3 Cinnamon
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: Combining Themes for Continuity

Post by austin.texas »

Sorry, I was pressed for time earlier, and didn't explain well enough.
The goal here is to replace the graphics that you don't like in Arc-Dark with the graphics that you do like from Mint-Y-Dark.
You listed the 5 graphics files in Arc-Dark
button-bg.svg
max-icon.svg
button-border.svg
min-icon.svg
close-icon.svg
Those same files, of different color, are found in Mint-Y-Dark.
You can do it with the file manager if that is easier for you than the command line.
In the file manager, go to /usr/share/themes/Arc-Dark/metacity-1/
Right-click on the metacity-1 folder > Open as Root
You can then use the file manager, as root, to delete the 5 graphics files. Go to /usr/share/themes/Mint-Y-Dark/metacity-1/ and copy the same 5 files and paste into /usr/share/themes/Arc-Dark/metacity-1/ to replace the ones you deleted.
That is really all there is to it.
ALT-F2 > r refreshes all of Cinnamon
ALT-F2 > rt refreshes the theme only.
Mint 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
User avatar
bug67
Level 2
Level 2
Posts: 92
Joined: Thu Feb 25, 2010 10:11 am
Location: Anchorage, AK
Contact:

Re: Combining Themes for Continuity

Post by bug67 »

Thanks for all your help. It's not working. Having poked around in the actual folders and having a look, both metacity folders for Mint-Y-Dark and Arc-Dark, I've discovered they contain the exact same images. This is not surprising as Mint-Y is based off Arc. I think we may be looking in the wrong folder. I have tried manually swapping graphics in other folders contained within the two themes to no affect as well. this leads me to a theory that, if I can somehow find the color codes in the correct CSS file for the decoration bar, as apposed to the buttons themselves, I may be able to edit Mint-Y-Dark's CSS file to match that of Arc-Dark. I haven't, as yet, had any such luck. Thanks for the clarification of alt f2 r/rt.
Asus X550CA Linux Mint 18.3 Cinnamon
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
User avatar
trytip
Level 14
Level 14
Posts: 5371
Joined: Tue Jul 05, 2016 1:20 pm

Re: Combining Themes for Continuity

Post by trytip »

start by changing these values : (i already changed them to blue you may use a color code to get a different shade of blue or other colors
/usr/share/themes/Arc-Darker/gtk-3.0/gtk.css
@define-color wm_button_close_bg #5294E2;
@define-color wm_button_close_hover_bg #95B8E2;
@define-color wm_button_close_active_bg #5294E2;

/usr/share/themes/Arc-Darker/gtk-3.0/gtk-dark.css
@define-color wm_button_close_bg #5294E2;
@define-color wm_button_close_hover_bg #95B8E2;
@define-color wm_button_close_active_bg #5294E2;

/usr/share/themes/Arc-Darker/metacity-1/metacity-theme-1.xml
<!-- close -->
<constant name="C_button_close_bg_focused" value="#5294E2" />
<constant name="C_button_close_bg_hover" value="#95B8E2" />
<constant name="C_button_close_bg_active" value="#5294E2" />

/usr/share/themes/Arc-Darker/metacity-1/metacity-theme-2.xml
<!-- close -->
<constant name="C_button_close_bg_focused" value="#5294E2" />
<constant name="C_button_close_bg_hover" value="#95B8E2" />
<constant name="C_button_close_bg_active" value="#5294E2" />

/usr/share/themes/Arc-Darker/metacity-1/metacity-theme-3.xml
<!-- close -->
<constant name="C_button_close_bg_focused" value="gtk:custom(wm_button_close_bg,#5294E2)" />
<constant name="C_button_close_bg_hover" value="gtk:custom(wm_button_close_hover_bg,#95B8E2)" />
<constant name="C_button_close_bg_active" value="gtk:custom(wm_button_close_active_bg,#5294E2)" />

even though every image is still red the new values will turn it into blue in my mate desktop, and as far as i got but it's a place to start.

Image
Image
User avatar
bug67
Level 2
Level 2
Posts: 92
Joined: Thu Feb 25, 2010 10:11 am
Location: Anchorage, AK
Contact:

Re: Combining Themes for Continuity

Post by bug67 »

trytip wrote:start by changing these values...
I was really hoping this would work. However, it had no affect at all. Really disappointing. :?
Asus X550CA Linux Mint 18.3 Cinnamon
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: Combining Themes for Continuity

Post by austin.texas »

Here I changed the dark color that you did not want, to make it the same as the main part of the window.
ArcDark.png
Open /usr/share/themes/Mint-Y-Dark/metacity-1/metacity-theme-3.xml in your text editor.

Code: Select all

gksudo xed /usr/share/themes/Mint-Y-Dark/metacity-1/metacity-theme-3.xml
Go to Line 162,
Change this:
<draw_ops name="titlebar_focused">
<rectangle color="C_wm_bg_focused" x="0" y="0" width="width" height="height" filled="true" />
<rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" />
</draw_ops>
To this:
<draw_ops name="titlebar_focused">
<rectangle color="#383C4A" x="0" y="0" width="width" height="height" filled="true" />
<rectangle color="C_wm_highlight" x="0" y="0" width="width" height="1" filled="true" />
</draw_ops>

If you want a different shade, chose one here: http://www.color-hex.com/color/383c4a
Last edited by austin.texas on Fri Oct 07, 2016 1:33 pm, edited 1 time in total.
Mint 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
User avatar
bug67
Level 2
Level 2
Posts: 92
Joined: Thu Feb 25, 2010 10:11 am
Location: Anchorage, AK
Contact:

Re: Combining Themes for Continuity

Post by bug67 »

austin.texas wrote:deleted - sorry, it was not correct.
Yeah, I tried it before you edited. :P
That solution did indeed change the buttons but left the darker gray bar decoration intact.

BTW...HOOK 'EM HORNS!
Image
Asus X550CA Linux Mint 18.3 Cinnamon
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: Combining Themes for Continuity

Post by austin.texas »

The next effort. posted above, worked.
Mint 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
User avatar
bug67
Level 2
Level 2
Posts: 92
Joined: Thu Feb 25, 2010 10:11 am
Location: Anchorage, AK
Contact:

Re: Combining Themes for Continuity

Post by bug67 »

austin.texas wrote:The next effort. posted above, worked.
That did the trick! :D

Image
Asus X550CA Linux Mint 18.3 Cinnamon
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
User avatar
bug67
Level 2
Level 2
Posts: 92
Joined: Thu Feb 25, 2010 10:11 am
Location: Anchorage, AK
Contact:

Re: Combining Themes for Continuity [SOLVED]

Post by bug67 »

After all that, I found this:

https://www.gnome-look.org/p/1154696/

Image
Asus X550CA Linux Mint 18.3 Cinnamon
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
Locked

Return to “Themes, Icons & Wallpaper”