(Beta 2) Exploring the Leopard-esque look

Discussion in 'OS X El Capitan (10.11)' started by allan.nyholm, Jul 21, 2016.

?

Aqua-like scrollbars?

  1. Yes

    14 vote(s)
    87.5%
  2. No

    2 vote(s)
    12.5%
  1. allan.nyholm, Jul 21, 2016
    Last edited: Aug 19, 2017

    allan.nyholm macrumors 6502a

    allan.nyholm

    Joined:
    Nov 22, 2007
    Location:
    Aalborg, Denmark
    #1
    ** Surprise: I have not worked this in ages and I doubt it's meaningful to continue at this time. I'm sorry for not doing what I said I would. Time does not heal all wounds**

    Lately I've been making a Leopard-esque theme for El Capitan.

    Beta 2 here in its new rather permanent location:
    https://1drv.ms/u/s!AjS7xphB5gYl22SH9cBPZ8v_Vaqv (OneDrive link)

    My progress so far:

    Traffic lights .. @1x + @2x done
    Windowframe .. @1x + @2x done
    Buttons for Finder/Mail/Safari etc. .. @1x + @2x done

    What isn't done:
    Scrollbars (Aqua no aqua?)
    Checkboxes/radio buttons and so forth (will remain default El Cap look)


    Screenshot:
    SoFarSoGood.png
     
  2. ardchoille50 macrumors 68020

    Joined:
    Feb 6, 2014
  3. allan.nyholm, Jul 21, 2016
    Last edited: Jul 21, 2016

    allan.nyholm thread starter macrumors 6502a

    allan.nyholm

    Joined:
    Nov 22, 2007
    Location:
    Aalborg, Denmark
    #3
    It's one file (as of this moment) called SystemAppearance.car

    This particular file should be copied to
    Code:
    /System/Library/CoreServices/SystemAppearance.bundle/Contents/Resources/
    The path is most easily accessible with Shift-Command-G in Finder

    Requires that SIP is off for the file system with El Capitan or by using the command
    Code:
    csrutil disable
    when booted from the Recovery Partition.

    After that the theme applied to non-open programs - log out for all apps to take on the appearance.
     
  4. ardchoille50, Jul 21, 2016
    Last edited: Jul 21, 2016

    ardchoille50 macrumors 68020

    Joined:
    Feb 6, 2014
    #4
    So that's all that is required to change the theme in OS X? Could you teach us how to create/open a .car file and how to make the graphics required for the theme? I have been designing graphics for years and have created skins for a lot of things while I was using Linux for 14 years.
     
  5. allan.nyholm thread starter macrumors 6502a

    allan.nyholm

    Joined:
    Nov 22, 2007
    Location:
    Aalborg, Denmark
    #5
    Sure, there's only one application available for making themes(that I'm aware of) for El Capitan and Yosemite for that matter, macOS Sierra is unexplored atm.

    Download ThemeEngine from here https://github.com/alexzielenski/ThemeEngine/releases

    The most recent version there is for El Capitan and possibly higher. The .car files are still present in the same directory.

    Open the SystemApperance.car with ThemeEngine and explore. There's graphics for everything there. And lots of them.

    Explore the Retina and Regular graphics by themselves by choosing the sort by Scale on the button toward the bottom of the main ThemeEngine window and go from there. If you have Photoshop installed you can send and retrieve directly from that app by using hotkeys shown inside the ThemeEngine app menu. Making a theme more enjoyable to make if you will.

    The one thing about themes for El Capitan is dark themes. It's not impossible to do but takes some tinkering with often not the best results. I've stopped doing them as it's not worth it right now. Perhaps in the future.

    You can take a look at the GraphiteAppearance.car too. Also the High Contrast themes are possibly worth a look. Due to their more vivid color scheme per default.

    Colors can be changed for each button element but for the Sidebar it's another story. Personally I have not been able to change that part of the Finder yet.

    Let your imagination run wild but try and keep within dimensions on the buttons and 'traffic lights' in particular. There's no way to set margins like that of the window graphics.

    There will be plenty of replacing the same .car file so make sure to have return points - copies of the file you're working on.
     
  6. ardchoille50 macrumors 68020

    Joined:
    Feb 6, 2014
    #6
    Thank you so very much! I didn't know this sort of thing existed.

    I'm good with graphics, that's the easy part for me. Now that I'm able to create/open .car files, there is nothing really standing in the way of theming the UI in El Capitan.

    I've always loved the look of Mountain Lion, so Aqua scrollbars gets my vote. In fact, a total ML look would make me a happy camper.
     
  7. redheeler macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #7
    @allan.nyholm Your traffic lights look very nice, I almost like them better than the ones I made for my 5K iMac running El Capitan. I also implemented Aqua-like scrollbars to match, but they don't behave exactly like the ones in Snow Leopard. For example, there is no different state for inactive windows, the scrollbars stay blue.
    Mountain Lion? Aqua scrollbars went out with Lion.
     
  8. ardchoille50 macrumors 68020

    Joined:
    Feb 6, 2014
    #8
    Yes, I should have said Lion.
     
  9. b0fh666 macrumors 6502a

    b0fh666

    Joined:
    Oct 12, 2012
    Location:
    south
    #9
    kinda like it, but why does itunes simply ignore it?
     
  10. ardchoille50 macrumors 68020

    Joined:
    Feb 6, 2014
    #10
    Is it possible to change the Dock back to the look it had in Mavericks? I'm thinking this might not be possible.. the Dock background might be hard-coded.
     
  11. b0fh666 macrumors 6502a

    b0fh666

    Joined:
    Oct 12, 2012
    Location:
    south
    #11
    my dock look in el cap looks like... snow leopard dock I guess, but I use a side dock. search the web for 'cdock2'

    cheers
    --- Post Merged, Jul 23, 2016 ---
    is there a version that changes only the traffic lights not the colors or buttons? curious about how that would work.
     
  12. hadobac, Sep 12, 2016
    Last edited: Sep 13, 2016

    hadobac macrumors newbie

    hadobac

    Joined:
    Sep 12, 2016
    #12
    The link from http://d.pr/f/yK5L has no longer worked. Do you guys have the download link?

    Much thanks!
     
  13. allan.nyholm thread starter macrumors 6502a

    allan.nyholm

    Joined:
    Nov 22, 2007
    Location:
    Aalborg, Denmark
    #13
  14. hadobac macrumors newbie

    hadobac

    Joined:
    Sep 12, 2016
    #14
    Thanks Allan, I have downloaded and have been using it for awhile. Think it looks decent!

    Keep it up mate, I look forward to your future updates!
     
  15. BTTF_DeLorean macrumors newbie

    BTTF_DeLorean

    Joined:
    Oct 11, 2016
    #15
    This made my Mac look so much nicer! Please add the Aqua scrollbars, it'll make it even better.
     

    Attached Files:

  16. allan.nyholm thread starter macrumors 6502a

    allan.nyholm

    Joined:
    Nov 22, 2007
    Location:
    Aalborg, Denmark
    #16
    Thanks. That is some oldschool setup right there :) The scrollbars will be looked after soon.
     
  17. Eithanius macrumors 65816

    Joined:
    Nov 19, 2005
    #17
    How did you manage to make your contextual menu look more 3D-ish...?
    --- Post Merged, Oct 16, 2016 ---
    How about a darker Title Bar (perhaps bolded text) and Toolbar...?
     
  18. BTTF_DeLorean macrumors newbie

    BTTF_DeLorean

    Joined:
    Oct 11, 2016
    #18

    I used a program called xRevert to make the menus more 3D. You can also use a program called Menu Bar Tint to make the menu bar 3D.
     

    Attached Files:

  19. allan.nyholm thread starter macrumors 6502a

    allan.nyholm

    Joined:
    Nov 22, 2007
    Location:
    Aalborg, Denmark
    #19
    I have to be honest and say that I have not looked to see if that with Sierra, I can change the colour of the menubar to something darker other than using dark menubar(as a setting)

    It has not been the case that the menubar can be changed using the theming tool called ThemeEngine on OS X Yosemite and OS X El Capitan.

    I will however take a second look and see if there's changing going on in the Sierra .car files(the theme files)

    The Bold text could be done I believe - with a shadow outline or something
     
  20. vista980622 macrumors 6502

    Joined:
    Aug 2, 2012
    #20
    OP, this is beautiful.

    I've been using this mod on macOS Sierra with a Dock and menu bar mod, and it runs mostly fine without major issues. If possible, please keep amazing mod this updated for future macOS releases. You have no idea how much pain the glaringly white interface has caused me. This literally saves me.

    Screen Shot 2016-12-10 at 11.14.54 AM.png

    Sidenote:
    - Is it possible to change the search bar color through updating this .car file, or is it coded into the applications/frameworks themselves?
    - When a window that includes multiple tabs is inactive, it appears a bit glitchy. Is there any fix for this issue?
    Screen Shot 2016-12-10 at 11.16.27 AM.png

    Thanks again, OP!
     
  21. hadobac macrumors newbie

    hadobac

    Joined:
    Sep 12, 2016
    #21
    You set up looks amazing bro!
    Would you mind sharing the desktop and menu mods you are using?
     
  22. allan.nyholm, Dec 11, 2016
    Last edited: Dec 13, 2016

    allan.nyholm thread starter macrumors 6502a

    allan.nyholm

    Joined:
    Nov 22, 2007
    Location:
    Aalborg, Denmark
    #22

    Thanks for commenting and praise. The things you mention is me being overly lazy - promises left and right.

    Finder inactive tabs is changeable and fixable.

    Also the search bar is color changeable too. Do you prefer it to be in a grey style throughout with either slightly heightened look like a rounded corner searchbar and a sharp shadow like the buttons have already? or a sunken in look?

    Personally I like the heightened look. But I ought to remain silent :p

    In reality its color and style changeable to whatever you like but we have to keep in mind that the font color is harder to change. ThemeEngine doesn't list in detail where the various color lurks(and often swaps the colors around so no one can really sit down and 100% trust in ThemeEngine) so that's one of the reason I'm becoming lazier with doing themes lately.
     
  23. Troy2000 macrumors regular

    Troy2000

    Joined:
    Oct 21, 2009
    #23
    Excellent work!

    I am curious as to how you have managed to change the Finder sidebar color to that light blue. I spent a few weeks working on a similar theme earlier this year but couldn't find the corresponding resource or string.
     
  24. allan.nyholm thread starter macrumors 6502a

    allan.nyholm

    Joined:
    Nov 22, 2007
    Location:
    Aalborg, Denmark
    #24
    I haven't touched the sidebar color since I also find it hard to locate.
     
  25. vista980622 macrumors 6502

    Joined:
    Aug 2, 2012
    #25
    Woah. Thanks for the reply!

    The inactive tabs in Safari and Finder seem a bit jarring when switching from app to app. I'd suggest if you only get to fix one issue, fix that one. The search bar is a matter of individual preference. I respect your preference and after a few days, the current look for search bars have grown on me a bit:)

    From what I understand, the color of sidebar and sidebar font are coded into each application, so it would require memory injection to change them. I can be wrong, but they do seem to fall out of the scope of .car files. I really wish I know how to do that.

    P.s: I tried to toy around with ThemeEngine before. I struggled to change simple gradients for the window chrome, lat alone button mask, shape or text color. Being able to pull off what you did is a miracle to me.
    --- Post Merged, Dec 12, 2016 ---
    Thanks for the praise.
    • The menu bar mod is called Menu Bar Tint, as pointed out by BTTF_DeLorean.
    • The Dock mod is called cDock. After downloading cDock, choose "10.8" in "Theme". If cDock refuse to work, see giantspeck's reply in Issue 68.
    • The icons can be manually replaced with older counterparts.
    • The graphite window control widgets and other system widgets are a part of XRevert (behind paywall).
    • The notepad texture in Notes app is located under /Applications/Notes.app/Contents/Resources/Assets.car. I replaced it with a light yellow texture, akin to its Mavericks counterpart.
     

Share This Page