FlatStudio Light 0.5.4

Score: 5
Last edited: 9 months ago

Download



We spend more of our time in applications than looking at our desktops. Here's a very solid, minimalistic, "flat"-looking theme to go along with those applications, for minimal distraction and maximum consistency.

It's designed to match and fit in well with Rafa Cobreros' FlatStudio Light GTK theme and goes along great with Jakub Jankiewicz' Clarity icon theme.


[Known issues]:

  • Sound applet may not be themed well. Sorry, but I've removed Pulseaudio and thus don't get that applet. I will work on getting a VM up soon to have a better model for reference, but for now I just want to get this update out there. Song seek sliders should work, of course.
  • There may be some miscellaneous theming issues in areas that I've overlooked. If you come across anything, please report it below in the comments.

[To-Do]:

  • Update for Cinnamon 1.9/2.0
  • Catch up on suggestions
  • Improve sound menu
  • Make FlatStudio Dark Cinnamon theme

[Manual install instructions]:
Extract the "FlatStudioLight Cinnamon" folder and place it in the .themes directory within your home folder.


It is very much recommended to get the GTK and icon themes to match.

[GTK Theme]:
http://gnome-look.org/content/show.php/FlatStudio?content=154296

[Icon Theme]:
http://gnome-look.org/content/show.php?content=135654


Also, you can get the "GTK+ Native" Firefox theme if you have Firefox, for added consistency:
https://addons.mozilla.org/en-us/firefox/addon/gtk-native/


Wallpaper credit goes to Wallpaperstock:
http://img.wallpaperstock.net:81/black-and-white-abstract-wallpapers_35293_1440x900.jpg

Font credit goes to M Janet Mars for Metropolische and PrimaFont for Exmouth


[News]:

  • July 3, 2013 - Theme updated for Cinnamon 1.8
  • Jan. 19, 2013 - Theme renamed from "GrayScale" to "FlatStudio Light Cinnamon"
  • Dec. 26, 2012 - Theme updated for Cinnamon 1.6
  • Dec. 24, 2012 - Initial release

[Changes]:

Version 0.5.4 [Latest release] - July 8, 2013

  • Fixed Looking Glass code inspector theming
  • Fixed expo close area theming
  • Minor code cleanup
  • Further improved icons
     

Version 0.5.3 - July 8, 2013

  • Fixed ".popup-combo-menu" theming. Overview/scale should now have right-click menus that match the rest of the theme
  • New window/workspace close icons. Not perfect yet, but should match the rest of the theme better
     

Version 0.5.2 - July 8, 2013

  • Popup menus now match 98%
  • Cinnamon menu "padding" issue fixed (Classic border problem... Not that border problem :P)


Version 0.5.1 - July 3, 2013

  • Removed extra files not used with Cinnamon 1.8
  • Improved PolicyKit dialog theming


Version 0.5 - July 3, 2013

  • Updated for Cinnamon 1.8
  • Improved on-screen keyboard theming
  • Improved Looking Glass theming
  • Improved fonts - now uses Sans-Serif instead of Droid Sans
  • Removed shadows for extra flatness. All hail the flatness
  • Removed transition animations due to apparent bug - see "Known Issues" for details
  • Various misc. improvements, code cleanup


Version 0.4 - Jan. 19, 2013

  • End session dialog now matches rest of theme
  • Improved expo background and label colors


Version 0.3 - Dec. 26, 2012

  • Updated for Cinnamon 1.6
  • Changed switch icons to match better


Version 0.21 - Dec. 25, 2012

  • Some misc. tweaks
  • Scrollbars now match GTK theme
     

Version 0.2 - Dec. 25, 2012

  • Tray icons, notifications, and alt+tab switcher now match overall theme


Version 0.1 - Dec. 24, 2012

  • Initial release

About The Author

rectec

I'm an 18 year old Linux user from the United States. I make Cinnamon themes to improve my UI design skills. I hope to become a web developer in the future.


13 comments

  1. pazuzuthewise says:

    4 months ago

    Superb. Works fairly well with cinnamon 2.0 as it is now (well, except the desktop wallpaper showing also at the back of the desktops in the expo view). The sound applet looks ok. A slightly darker version would be very nice - not black, but a darker shade of grey, something like d0d0d0 in hex (so that black text remains perfectly readable).

  2. rectec says:

    1 year ago

    Finally got this updated for 1.8. Massive improvements. Now that I'm back working with themes again, I'll explore the idea of creating new themes based on the other GTK themes in the FlatStudio series. We'll see :P

  3. rectec says:

    1 year ago

    Alright. Good news. I've (once again) taken the plunge into Arch Linux. Arch, of course, has bleeding edge versions of packages. I currently have Cinnamon 1.8.8 installed, and it no longer has the aforementioned problem! Summer vacation is coming up, so I'll have more time to work on my hobbies. In other words, it's likely that I'll start working on themes again. Stay tuned.

  4. rectec says:

    1 year ago

    I'd like to update this theme and get it re-certified for 1.8. However, I'm on a hiatus from Cinnamon. I'd love to get back into the Mint world and maybe continue my work with themes, but unfortunately Cinnamon is just too buggy for me right now. I've had severe graphical glitches and corruption with the proprietary AMD drivers. [ http://forums.linuxmint.com/viewtopic.php?f=47&t=103522 ] Plus my GPU does not play nice with the FOSS drivers at all. Even more severe graphical glitches and corruption, so much so that a kernel panic is always right around the corner. I really hope the developers manage to fix this bug with the fglrx drivers. Until then, I just can't go back to Cinnamon. Sorry. Thanks for the feedback.

  5. dRaiser says:

    1 year ago

    Maybe it's posible to make also dark (based on FlatStudioDark GTK theme) version? Awesome work! http://gnome-look.org/content/show.php/?content=154296

  6. unheeding says:

    1 year ago

    Awesome theme! I have a a couple suggestions though: 1. Make the window-list look more like the tabs: .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:hover { background-color: #888888; border: 1px transparent; border-radius: 0px; color: #f7f8ef; transition-duration: 200; } Also, increase the size of the close buttons on workspace/window overview .window-close { background-image: url("close.png"); height: 40px; width: 40px; -cinnamon-close-overlap: 40px; } (I had to create a new image since the .svg wasn't scaling past 16px)

  7. EmSeeMAC says:

    1 year ago

    This is a very nice theme Robert, Im using cinnamon with Ubuntu and it is a very appealing look, some programs still have their default picture but other than that no complaints at a first glance

  8. bimsebasse says:

    1 year ago

    Nice update! There used to be an applet which displayed both checkboxes and radiobuttons in a modal dialog but it now uses gtk for its dialog, so I don't ever see them in action either, don't worry about them :o)

  9. rectec says:

    1 year ago

    Also, I forgot to mention, I don't know where to find the checkboxes or radio buttons in Cinnamon, but I tried to make them look as best as I could despite not being able to see them fall in line with the rest of the theme.

  10. rectec says:

    1 year ago

    I've merged in the code from a 1.6 theme (Minty) and tweaked it a bit to match the rest of the theme. Hopefully it's compatible now. Thanks for the help, bimsebasse.

  11. rectec says:

    1 year ago

    Alright. Feedback :) I'll get on it as soon as I get the chance. Thanks.

  12. bimsebasse says:

    1 year ago

    Hi rectec - cinnamon 1.6 certified themes must have checkbuttons and radiobuttons (and relevant code) - the easiest method is to look at the default theme and grab what you need.

    Bugs & suggested fixes:
    - Tooltip not displaying correctly. Use "#Tooltip" instead of "StTooltip StLabel". (Another certification requirement :o)
    - Window list tabs moving when selected. Add an invisible border ("border: 1px transparent;") to .window-list-item-box
    - Missing expo styling. You've unfortunately used an outdated theme as base so you miss some important cinnamon 1.6 additions to the css: Workspace OSD, Notification applet and checkboxes/radiobuttons. The best idea is probably to start again, use the default theme's css as base, and then move GrayScale changes into it. That way your theme is both future and present proof!

    Hope this wasn't discouraging, meant as help :o)

  13. rectec says:

    1 year ago

    As of now, from my perspective, this theme is pretty much finished. However, I have no idea of how it looks on your guys' end, with all of your apps and your specific setup. Suggestions are welcome!