GTK Themes
Closed this issue · 181 comments
@Elbullazul
Are you still going to do the GTK Themes? Just that Jade is now on the Repo waiting for it's GTK2 & 3 themes to be added...
PS: Here's some resources to match the titlebar to use instead of that Vista image on the main toolbar on the Jade GTK: Active:
Inactive:
dont forget the menu padding issue. menu no padding , menuitem yes on gtk3. this is in gtk3.18 and 20.
progress on 3.18 to 3.20 porting script, publish next days.
if you have questions about gtk3.18 theming ask me, perhaps i know something.
b.t.W feren do you know my png2css script? it does convert gradients png from top to bottom to text.
@bluedxca93 , didn't before but know, it might prove handy for me and @Elbullazul ... :)
@bluedxca93 your script sounds interesting. Do you have a link to it?
@feren il get started on themes tomorrow. I probably won't use my pc today
for the moment, everything is looking great, except the titlebars (metacity) who won't match the menubar & toolbar backgrounds.
another thing, someone knows how to define backdrop elements with the pixbuf engine for gtk2 apps?
nevermind about the metacity theme, I corrected it :
Hmm, there's a clipping issue with your metacity config, either try to change the font size and/or increase the height of the titlebar-middle images in the metacity folder, that usually does the trick, also, might mod the titlebar text colours to match Jade soon...
here's how it looks like when fixed :
hadn't remarked than when a window is resized to a very small size, the toolbar's background doesn't scale right anymore :
Ah, I just realized why the original had issues with those images above:
As well as clipping off the top-border parts from the image, I also clipped a border's width from both sides of the image, but I've now realized that Metacity squashes the titlebar-middle image in the middle of the titlebar between titlebar-left and titlebar-right, same way as GTK squashes it, so oops... :/
@Elbullazul
Never mind about the clipping now, just make some mods for borders in the Jade Metacity on non-maximized windows...
Also updated the metacity theme with a new font colour (like the Jade one...)
getting better (i guess?)
@bluedxca93 how does your script work?
How the hell did you do that!? That looks amazing! :D
PS: Not that much of a fan of the Start Button though, I'll keep with the current one and duplicate yours as an alternative version...
Also is it possible to budge the menu to the left slightly like in Longhorn (as in make it touch the left side of the screen)?
@feren in fact, the start button is embedded into the panel. It's easier to manage, but then we lose hover effects (who weren't included anyways)
I'm trying to, apparently it's something with the image itself...
Mind if I move yours to Windows Longhorn Jade (Changable Start Button) and then put the one with Longhorn's own Start Button shown in concepts along with the rest of the theme in it's place on Windows Longhorn Jade?
(BTW, you don't have to yourself, I've got it all ready with every mod apart from panel and Start Button, the rest of your updates will be there in the original too)
ok, let's organize it like you say
@Elbullazul Also: Could you upload the start button BG used on your panel so that I can also make it work as an alternative for the glass one too for when it's released to save you time?
Also, could you upload the images of the Start Menu you made out of that other Hillel Start Menu but with the transparent version of it (like linked to in Credits)? (As in can you get the transparent one, then mod it the same way you did the non-transparent, then upload it in a comment?)
@Elbullazul Also, where did you get your StarkMenu from? Just that mine has the old Quit, Log Off, Lock Screen links stacked on top of each other layout...
EDIT: There's an option in Config... :/
@Elbullazul
/bluedxca/19-20 repo
./portto20_r2 input.css
but tommorow im adding a new enhanced version named port.checked against adwaita.
requires sed installed to your system.except toolbars it should produce usable results.maybe run ambiance css against it .
reach soon 1k lines of code.
please post your starkmenu.
@bluedxca93 He's using the fork of yours known as 'CinnXPStarkMenu' with the configs having the "Quit Menu Layout" as Horizontal...
And then the skin is Windows Longhorn Jade in the Themes folder of this repo
thx.
b.t.w.just looked at the code of myself on my mobile phone. have to check order of replacements a bit.some has to be moved down.
@Elbullazul
What's with the 'cinnamon' folder in Themes/ is it anything or just an accidental duplicate?
@feren temp backup. I'm removing it in next commit
Oh ok
Also, in your next commit, can you make it so window titles in Cinnamon Window List are not bold on hover or active like in Longhorn?
already done!
I'm just still missing a way of making gtk2 toolbars go backdrop 👿
Hmm, these headerbars also don't look right on 16.04:
Which menus?
@Elbullazul :
remove backdrop from gtk3. easiest solution. afaik not implemented in gtk2. maybe toolbar insensitive/inactive is.
Nah, having backdrop on GTK 3 makes it more like Longhorn especially since in Longhorn, it has Aero Glass almost with it's Explorer by 4074... (like this theme)
Also, the only other alternative is murrine but:
- No murrine for GTK3 (afaik)
- Cinnamon has no Window Titlebar transparency
...well, that was awkward, I thought it copied the headerbar screenshot at first... :/
.titlebar.headerbar & .menubar inconsistendly styled
murrine transparency not working in cinnamon.
@feren that's unity right? no unity theme up to now
@bluedxca93 that's what I was thinking. backdrop is impossible with gtk2. I think that on gtk 3.20 there is no need for gtk2 since gnome kind of redirects system calls to gtk objects
@Elbullazul No that is Cinnamon in the headerbar screenshot
PS: If it was Unity, it wouldn't have the GNOME Software icon...
@feren I'll check header bars tomorrow.
@bluedxca93 is a shell script then right?
@Elbullazul yes(and no), but you need sed installed on your system.
doesnt work without and only in terminal.
navigate to the folder script is in:
sudo apt-get install sed;
chmod a+x port_;
./port_ input.css > output.css;
as said before this upload incomplete and have to reorder some lines
for next version but will work the same way. script requires only sed,
a small text replacement utility.
@bluedxca93 the new scrollbar is very weird and complex. Have a look at the original adwaita code for better integration.
@Elbullazul now fixed, upload soon here on github. you can take a look at it then. new gtk 3.20 surpresses some error messages. logic more close to cinnamon themes now..
Ok, so in my testing, here's themes I can confirm to have and confirm not to have the GTK3 Menu bug:
Affected:
Windows 9X
Windows 3.X
Windows Vista
Longhorn for Linux Collaboration Themes
Not Affected:
Windows 10
OS X El Capitan
@bluedxca93 I checked myself, flat unity (my Themes basis) didn't include padding for the menu. Shouldn't affect either zune and embedded (though these aren't fully ported to 3.18)
@cinnamoner upgrading themes to 3.18 isn't hard, but seeing that @feren is working on the beta, I guess they'll work out of the box
@Elbullazul Well, are you at least going to keep the repositories for the themes up and are going to finish Old Windows Basic first?
@feren yes I just felt the need to try something else yesterday.
So recap :
- slate
- aero express
- Plex
- Jade
Something else?
@Elbullazul
So, if that's so, are you REALLY killing theme development of this type? (PS: Your themes are awesome ones, also, Windows 10 is the one of the most popular themes for Cinnamon @ OmgUbuntu, so killing it might upset them)
Or were you just kidding (smiley face)??
@feren I was just kidding...
lesson learned: no more lame and scary jokes on official streams 😉
God thank you. :D
PS: Uses of Linux Windows emulation themes (in my opinion):
- Reliving the memories of your favourite Operating System (Longhorn, in my case)
- Pranking your friends (of course)
- Ease of use
Plex is now ready for GTK Mods
please read
On Fri, Jul 1, 2016 at 9:04 PM, cinnamoner notifications@github.com wrote:
to make it work with 3.18 was a little bit hard to do, just because of the
LACK OF DOCUMENTATION (big reason why we see a lot less themes these days,
everyone waits for someone to release a "working" theme).@Elbullazul https://github.com/Elbullazul
Well said. There should be a gtk.org containing full documentation. I
don't even know who the gtk people are.—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#8 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/AEJmr5gaik0-osT7c9242ik0XDzdEJYYks5qRWSpgaJpZM4Izyu9
.
the best out of ubuntu 16.10 may be it's name pun.
the rest smells like we're feeded the same old things over and over
unity 8 is still NOT ready and snaps STILL won't work in 16.10
(afaik) It had similar issues on birth, especially upgrades...
@bluedxca93 I did try to apply a theme recently but it broke down Win10 AU so taking a bit of a break from WindowBlinds, also, there's already Ubuntu 11 which in itself is quite a good Ubuntu WindowBlinds theme though... (I'll probably replace WindowBlinds for Customatic once that reaches Stable) Also, for reference, here's what the broken down AU did to my window buttons in DWM (which is probably meant to be impossibru) (they're longer than normal, much longer):
Have you fixed the notebook issue in ambiance?
@feren finally got stark running like it should! other tweaks to the panel and menu applets...
Well, THIS IS GOANNA BE INCREDIBLE!
@Elbullazul I have some ideas for Nemo in Jade:
- Get some code off of @bluedxca93 's Ambiant Aero which makes the Back button wider than forwards (goes with the icon set better)
- Then, make the button textures invisible in focused and unfocused states
- Then, ask me (if you want them) and I'll give you the back button states from Jade from Longhorn 4074 TWIWMTB which contains back button images inside of the msstyles so that you can remake the gradient off of that as well as the left/right border and then make that the button texture for hovered and checked
That way, it will look more Longhorn-ized
In a nutshell:
- Make the back button wider in Nemo
- Make the Nemo toolbar buttons have only the icons visible on the buttons (no button texture)
- Ask me for the resources and I'll give you the back button states of Longhorn 4074 Jade fresh from a VM Install
- Remake the hover/pressed state(s) gradients and borders with those resources and replace the hover/pressed button states with those gradients on the toolbar buttons...
@Elbullazul Ok then, I'll send it later on...
Ok, here you go! Straight from my Longhorn Resources Folder:
(I think it's in this order anyway)
Hover:
Focused:
Pressed:
You know what, even better one for the gradients: ( @Elbullazul )
Hover:
Pressed:
Focused:
@bluedxca93 that could be interesting
@Elbullazul Here's some more resources for Jade: (I recommend using the smallest of them all)
Checkboxes:
Buttons:
Option Butons:
@Elbullazul Icon set now gives you proper back/forward buttons, will look into the missing search icon later though
@feren it's a symbolic icon. I think it's called find-location-symbolic.svg
@Elbullazul Could you post a screenshot of what it now looks like with the new icons and gradients??
Oops, I think I accidentely undid the headerbars on Jade GTK trying to change those icons... :/
(Have a backup with the new headerbars that I'll merge later)
Here's the sliders @Elbullazul :
@Elbullazul Proper Buttons:
Progress Bars:
Side-Progress Bars:
Do you have the png2css script from https://www.gnome-look.org/p/1111245/?
Might help, crop the borders with gimp.
it works from top to bottom.
On Sat, Oct 1, 2016 at 3:37 PM, feren notifications@github.com wrote:
@Elbullazul https://github.com/Elbullazul Proper Buttons:
[image: bitmap_211]
https://cloud.githubusercontent.com/assets/11057934/19014409/7e1697ec-87db-11e6-8a75-39bebc12d640.png
Progress Bars:
[image: bitmap_147]
https://cloud.githubusercontent.com/assets/11057934/19014432/1a72ae78-87dc-11e6-9e83-2ac4e8876885.png
[image: bitmap_149]
https://cloud.githubusercontent.com/assets/11057934/19014433/1a7516ae-87dc-11e6-9832-0700851bc6ea.png
Side-Progress Bars:
[image: bitmap_148]
https://cloud.githubusercontent.com/assets/11057934/19014436/228f7f50-87dc-11e6-8c5e-31f55b7f34a2.png
[image: bitmap_150]
https://cloud.githubusercontent.com/assets/11057934/19014437/22928844-87dc-11e6-8dcb-43e92b4146b4.png—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#8 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AEJmr1VNlZXeBC56myz_KdZ_mZxsXB8Jks5qvmIBgaJpZM4Izyu9
.
Update: Oops, the backup was replaced with the old one... :/
@Elbullazul When's the push goanna be?
Ok, pretty much just this:
@cinnamoner Jade has three sides to it:
- Aero pre-reset
- The equivalent of pre-reset Windows Basic (above screenshot)
- One that just looks like Basic but with Slate's sidebar skin (default Longhorn look)
@cinnamoner Last time he tried the navigation pit, it failed.
- View activates a slider
- The address bar is in breadcrumbs so basically what you get in Windows 10...
- The 'i' basically switches between that Aurora view and the one with info about either the folder of the selected file (refer to Windows Vista/7's Details Pane for what I mean)
@cinnamoner Yup, same thing but with different icons and no text...
@cinnamoner pits can be achieved, I think I can write code now that I know the precise class for ONLY the directional buttons in nemo
Can you push the current progress on GitHub? @Elbullazul
@Elbullazul I've uploaded the missing icon!
Also, thinking about it, can you possibly make ALL NEMO TOOLBAR BUTTONS wide too like back is in Nemo??
The New Icons are here!!
@cinnamoner here's the code just for fun: https://github.com/bluedxca93/aero-experimental/blob/master/gtk-3.0/gtk-widgets.css#L2049-L2118
you know you can "theme" MDM to look like you want instead of forking lightdm?
@Elbullazul Yeah, it's just that forking gives us more options, such as auto-dark text, the ability to use the user's background, the ability to change some things on the fly, etc, etc.
Also, it's not a LightDM fork, it's a greeter
@bluedxca93
Firstly, right now, it's a mockup of the greeter and I'm waiting for help to make the greeter (same with the DE)
Secondly, you posted that twice by accident... :/
@Elbullazul Neat. Also, what's with the weird line on the buttons non-CSD?
Also, little tip, just use GTK Inspector on Widget Factory, it's much quicker than changing the GTK theme