horst3180 / arc-theme

A flat theme with transparent elements
GNU General Public License v3.0
8.28k stars 608 forks source link

Support for Openbox #836

Closed natanfelles closed 6 years ago

natanfelles commented 7 years ago

What about to include the Openbox themes?

I used this and works very well.

If it were included by default I believe it will be good.

Thank you!

ghost commented 7 years ago

Yes an Openbox theme would be nice!

@natanfelles I checked out that theme, did you notice the blue for the menu is brighter blue then the theme, actually the shade isn't the same...

I used the Numix Flatstudio Openbox theme and changed it slightly to look better, at least I think better for Arc.

The blue might not be 100% but it looks a lot closer to theme color as I can tell...

Have a play and let me know...

The HIGHLIGHTED name sections below need to have a # comment placed in them, stupid GitHub, you can't leave those in these posts....

Name: Arc Openbox theme

Menu menu.border.color: #ecedee menu.border.width: 4 menu.title.bg: flat solid menu.title.bg.color: #dbdfe3 menu.title.text.color: #5c616c menu.title.text.justify: center

menu.items.bg: flat solid menu.items.bg.color: #f5f6f7 menu.items.text.color: #84888f menu.items.disabled.text.color: #aeb0b6

menu.items.active.bg: flat solid menu.items.active.bg.color: #447fc9 menu.items.active.bg.colorTo: #447fc9 menu.items.active.text.color: #ffffff

menu.separator.color: #ECEDEE menu.separator.width: 1 menu.separator.padding.width: 4 menu.separator.padding.height: 4

Active window window.active.border.color: #ECEDEE

window.active.title.bg: flat solid window.active.title.bg.color: #ECEDEE window.active.title.separator.color: #ECEDEE window.active.text.justify: center

window.active.label.bg: parentrelative window.active.label.text.color: #6A6B6C

window.active.handle.bg: flat solid window.active.handle.bg.color: #4FC0E8

window.active.grip.bg: flat solid window.active.grip.bg.color: #4FC0E8

window.active.button.unpressed.bg: flat solid window.active.button.unpressed.bg.color: #EA7878 window.active.button.unpressed.image.color: #ffffff

window.active.button.pressed.bg: flat solid window.active.button.pressed.bg.color: #EA7878 window.active.button.pressed.image.color: #000000

window.active.button.disabled.bg: flat solid window.active.button.disabled.bg.color: #CD9999 window.active.button.disabled.image.color: #ffffff

window.active.button.hover.bg: flat solid window.active.button.hover.bg.color: #EA7878 window.active.button.hover.image.color: #ffffff

window.active.button.toggled.bg: flat solid window.active.button.toggled.bg.color: #EA7878 window.active.button.toggled.image.color: #ffffff

window.active.button.toggled.unpressed.bg: flat solid window.active.button.toggled.unpressed.bg.color: #EA7878 window.active.button.toggled.unpressed.image.color: #ffffff

window.active.button.toggled.pressed.bg: flat solid window.active.button.toggled.pressed.bg.color: #EA7878 window.active.button.toggled.pressed.image.color: #000000 window.active.button.toggled.hover.image.color: #ffffff

Inactive window window.inactive.border.color: #ECEDEE

window.inactive.title.bg: flat solid window.inactive.title.bg.color: #ECEDEE window.inactive.title.separator.color: #ECEDEE window.inactive.text.justify: center

window.inactive.label.bg: parentrelative window.inactive.label.text.color: #AAAEB2

window.inactive.handle.bg: flat solid window.inactive.handle.bg.color: #F1F2F6

window.inactive.grip.bg: flat solid window.inactive.grip.bg.color: #F1F2F6

window.inactive.button.unpressed.bg: flat solid window.inactive.button.unpressed.bg.color: #BCBEC0 window.inactive.button.unpressed.image.color: #ffffff

window.inactive.button.pressed.bg: flat solid window.inactive.button.pressed.bg.color: #BCBEC0 window.inactive.button.pressed.image.color: #000000

window.inactive.button.disabled.bg: flat solid window.inactive.button.disabled.bg.color: #D2D4D6 window.inactive.button.disabled.image.color: #ffffff

window.inactive.button.hover.bg: flat solid window.inactive.button.hover.bg.color: #BCBEC0 window.inactive.button.hover.image.color: #ffffff

window.inactive.button.toggled.bg: flat solid window.inactive.button.toggled.bg.color: #BCBEC0 window.inactive.button.toggled.image.color: #ffffff window.inactive.button.toggled.unpressed.bg: flat solid window.inactive.button.toggled.unpressed.bg.color: #BCBEC0 window.inactive.button.toggled.unpressed.image.color: #ffffff

window.inactive.button.toggled.pressed.bg: flat solid window.inactive.button.toggled.pressed.bg.color: #BCBEC0 window.inactive.button.toggled.pressed.image.color: #000000 window.inactive.button.toggled.hover.bg: flat solid window.inactive.button.toggled.hover.image.color: #ffffff

OSD osd.border.width: 2 osd.border.color: #ECEDEE

osd.bg: flat solid osd.bg.color: #EEEEEE osd.bg.colorTo: #EEEEEE osd.label.bg: flat solid osd.label.bg.color: #ECEDEE osd.label.text.color: #6A6B6C

osd.hilight.bg: flat solid osd.hilight.bg.color: #447fc9

osd.unhilight.bg: flat solid osd.unhilight.bg.color: #ffffff

Fonts window.active.label.text.font:shadow=n window.inactive.label.text.font:shadow=n menu.items.font:shadow=n menu.title.text.font:shadow=n

Everything else border.width: 2 padding.width: 4 padding.height: 4 window.handle.width: 0 window.client.padding.width: 0 window.label.text.justify: center

natanfelles commented 7 years ago

Hi, @sla0101.

Yes. I see some colors strangest and the window icons... The theme is nice but also can could be improved...

I had installed arc-theme via APT then if the Openbox theme will be include by default my LXDE will be very happy, as like me. :D

ghost commented 7 years ago

@natanfelles which theme strange, the gtk theme or openbox?

I made a report for the gtk theme, it's to white and washed out looking, like a bad contrast color.

I think it's a very nice professional looking theme, but I keep having to play with my monitior, adjust brightness and contrast to find some nice balance. For 2 days I play and still not finding the balance, the theme needs to be adjusted, just to bright...

natanfelles commented 7 years ago

I cited

Yes. I see some colors strangest and the window icons... The theme is nice but also can could be improved...

about the Openbox theme. But is not a negative criticize. I like it. Just points about to improve.

Currently I'm using Arc-Dark on Gnome 3.26 and is very nice. The best.

This issue is just a suggestion about to include an Openbox theme in the default package.

NicoHood commented 6 years ago

horst3180 is inactive for a long time now. The arc theme is now maintained in this fork: https://github.com/NicoHood/arc-theme

Please close this issue, test the latest version of the fork and open a new issue on the fork if it still exists. Thanks.

natanfelles commented 6 years ago

Closed. Thanks for continues this awesome project. As you added reference to this issue in the merge upstream PRs, is necessary to open an issue there?

NicoHood commented 6 years ago

I keep an eye on it. If @dglava or you are willing to open a PR (on the fork repo!) we can test and merge it. No need to separate the themes. However we cannot give full support, as we also try to keep this project alive and we need the community. So it would be nice if someone can help us maintain different DEs like openbox to have the arc theme in a single place.

ghost commented 6 years ago

Please check this Openbox theme for idea to make Arc Openbox;

Menu menu.border.color: #ecedee menu.border.width: 4 menu.title.bg: flat solid menu.title.bg.color: #dbdfe3 menu.title.text.color: #5c616c menu.title.text.justify: center

menu.items.bg: flat solid menu.items.bg.color: #f9f9f9 menu.items.text.color: #84888f menu.items.disabled.text.color: #aeb0b6

menu.items.active.bg: flat solid menu.items.active.bg.color: #5294e2 menu.items.active.bg.colorTo: #5294e2 menu.items.active.text.color: #ffffff

menu.separator.color: #ECEDEE menu.separator.width: 1 menu.separator.padding.width: 4 menu.separator.padding.height: 4

Active window window.active.border.color: #ECEDEE

window.active.title.bg: flat solid window.active.title.bg.color: #ECEDEE window.active.title.separator.color: #ECEDEE window.active.text.justify: center

window.active.label.bg: parentrelative window.active.label.text.color: #6A6B6C

window.active.handle.bg: flat solid window.active.handle.bg.color: #4FC0E8

window.active.grip.bg: flat solid window.active.grip.bg.color: #4FC0E8

window.active.button.unpressed.bg: flat solid window.active.button.unpressed.bg.color: #EA7878 window.active.button.unpressed.image.color: #ffffff

window.active.button.pressed.bg: flat solid window.active.button.pressed.bg.color: #EA7878 window.active.button.pressed.image.color: #000000

window.active.button.disabled.bg: flat solid window.active.button.disabled.bg.color: #CD9999 window.active.button.disabled.image.color: #ffffff

window.active.button.hover.bg: flat solid window.active.button.hover.bg.color: #EA7878 window.active.button.hover.image.color: #ffffff

window.active.button.toggled.bg: flat solid window.active.button.toggled.bg.color: #EA7878 window.active.button.toggled.image.color: #ffffff

window.active.button.toggled.unpressed.bg: flat solid window.active.button.toggled.unpressed.bg.color: #EA7878 window.active.button.toggled.unpressed.image.color: #ffffff

window.active.button.toggled.pressed.bg: flat solid window.active.button.toggled.pressed.bg.color: #EA7878 window.active.button.toggled.pressed.image.color: #000000 window.active.button.toggled.hover.image.color: #ffffff

Inactive window window.inactive.border.color: #ECEDEE

window.inactive.title.bg: flat solid window.inactive.title.bg.color: #ECEDEE window.inactive.title.separator.color: #ECEDEE window.inactive.text.justify: center

window.inactive.label.bg: parentrelative window.inactive.label.text.color: #AAAEB2

window.inactive.handle.bg: flat solid window.inactive.handle.bg.color: #F1F2F6

window.inactive.grip.bg: flat solid window.inactive.grip.bg.color: #F1F2F6

window.inactive.button.unpressed.bg: flat solid window.inactive.button.unpressed.bg.color: #BCBEC0 window.inactive.button.unpressed.image.color: #ffffff

window.inactive.button.pressed.bg: flat solid window.inactive.button.pressed.bg.color: #BCBEC0 window.inactive.button.pressed.image.color: #000000

window.inactive.button.disabled.bg: flat solid window.inactive.button.disabled.bg.color: #D2D4D6 window.inactive.button.disabled.image.color: #ffffff

window.inactive.button.hover.bg: flat solid window.inactive.button.hover.bg.color: #BCBEC0 window.inactive.button.hover.image.color: #ffffff

window.inactive.button.toggled.bg: flat solid window.inactive.button.toggled.bg.color: #BCBEC0 window.inactive.button.toggled.image.color: #ffffff window.inactive.button.toggled.unpressed.bg: flat solid window.inactive.button.toggled.unpressed.bg.color: #BCBEC0 window.inactive.button.toggled.unpressed.image.color: #ffffff

window.inactive.button.toggled.pressed.bg: flat solid window.inactive.button.toggled.pressed.bg.color: #BCBEC0 window.inactive.button.toggled.pressed.image.color: #000000 window.inactive.button.toggled.hover.bg: flat solid window.inactive.button.toggled.hover.image.color: #ffffff

OSD osd.border.width: 2 osd.border.color: #ECEDEE

osd.bg: flat solid osd.bg.color: #EEEEEE osd.bg.colorTo: #EEEEEE osd.label.bg: flat solid osd.label.bg.color: #ECEDEE osd.label.text.color: #6A6B6C

osd.hilight.bg: flat solid osd.hilight.bg.color: #5294e2

osd.unhilight.bg: flat solid osd.unhilight.bg.color: #ffffff

Fonts window.active.label.text.font:shadow=n window.inactive.label.text.font:shadow=n menu.items.font:shadow=n menu.title.text.font:shadow=n

Everything else border.width: 2 padding.width: 4 padding.height: 4 window.handle.width: 0 window.client.padding.width: 0 window.label.text.justify: center