Combining Themes for Continuity [SOLVED]
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Combining Themes for Continuity [SOLVED]
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
Arc-Dark yucky red button
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
Arc-Dark yucky red button
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.
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/
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
- austin.texas
- Level 20
- Posts: 12003
- Joined: Tue Nov 17, 2009 3:57 pm
- Location: at /home
Re: Combining Themes for Continuity
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
Linux Linx 2018
Re: Combining Themes for Continuity
austin.texas wrote:That should not be too difficult. Please post the result ofCode: 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/
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
- austin.texas
- Level 20
- Posts: 12003
- Joined: Tue Nov 17, 2009 3:57 pm
- Location: at /home
Re: Combining Themes for Continuity
Run this command: (all one line)
Then press ALT-F2 and enter
That's it.
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/
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
Linux Linx 2018
Re: Combining Themes for Continuity
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/
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
- austin.texas
- Level 20
- Posts: 12003
- Joined: Tue Nov 17, 2009 3:57 pm
- Location: at /home
Re: Combining Themes for Continuity
Then you can break it down into multiple commands.
Then ALT-F2 and
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/
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
Linux Linx 2018
Re: Combining Themes for Continuity
Nothing...austin.texas wrote:Then you can break it down into multiple commands...
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/
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
- austin.texas
- Level 20
- Posts: 12003
- Joined: Tue Nov 17, 2009 3:57 pm
- Location: at /home
Re: Combining Themes for Continuity
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 >
ALT-F2 >
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 CinnamonALT-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
Linux Linx 2018
Re: Combining Themes for Continuity
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/
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
Re: Combining Themes for Continuity
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.
/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.
Re: Combining Themes for Continuity
I was really hoping this would work. However, it had no affect at all. Really disappointing.trytip wrote:start by changing these values...
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/
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
- austin.texas
- Level 20
- Posts: 12003
- Joined: Tue Nov 17, 2009 3:57 pm
- Location: at /home
Re: Combining Themes for Continuity
Here I changed the dark color that you did not want, to make it the same as the main part of the window.
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
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
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
Linux Linx 2018
Re: Combining Themes for Continuity
Yeah, I tried it before you edited.austin.texas wrote:deleted - sorry, it was not correct.
That solution did indeed change the buttons but left the darker gray bar decoration intact.
BTW...HOOK 'EM HORNS!
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/
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
- austin.texas
- Level 20
- Posts: 12003
- Joined: Tue Nov 17, 2009 3:57 pm
- Location: at /home
Re: Combining Themes for Continuity
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
Linux Linx 2018
Re: Combining Themes for Continuity
That did the trick!austin.texas wrote:The next effort. posted above, worked.
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/
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/
Re: Combining Themes for Continuity [SOLVED]
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/
CPU: Intel Core i3-3217U @ 1.80GHz x2
RAM: 12 GiB, SSD: 250 GiB
http://www.vegetablesandwich.com/