FlatStudio Light 0.4

Certification: Cinnamon 1.6
Score: 3
Last edited: 4 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 an unofficial mockup of Rafa Cobreros' FlatStudio Light GTK theme and it's designed to match and fit in well with Jakub Jankiewicz' Clarity icon theme.

The theme has been renamed. See details in changelog. Make sure to organize your theme folders accordingly if you've installed this theme before.


The inspiration for this theme came from not being able to find a theme to go along well with my GTK theme (FlatStudio Light) or my icon theme (Clarity Dark Canus). This is my first-ever theme for pretty much anything so of course there are some...

[...Known issues]:

  • The on-screen keyboard's colors don't match

Please report any other issues you come across. Also, details for a fix would be helpful, as I am new to CSS.

Enjoy!

[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.

Get the GTK theme! (FlatStudio Light) http://gnome-look.org/content/show.php/FlatStudio?content=154296

Get the icon theme! (Clarity Dark Canus) http://gnome-look.org/content/show.php?content=135654

Also, I'd recommend installing 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

 

[Changes]:

Version 0.4 - Jan. 19, 2012

  • Theme renamed from "GrayScale" to "FlatStudio Light Cinnamon", as it makes more sense because it's based around the respective GTK theme
  • 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

Hey! My name's Robert Charlton. I'm a 16 year old Linux user from the United States. I make Cinnamon themes to improve my UI design skills. I hope to become a software developer in the future.

As for Cinnamon theming, I'd love to make more, but the ones we have right now seem to fulfill everyone's needs, and the ones I want to make are impacted by the current limitations of Cinnamon.


8 Comments

  1. rectec says:

    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!

  2. bimsebasse says:

    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)

  3. rectec says:

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

  4. rectec says:

    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.

  5. rectec says:

    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.

  6. bimsebasse says:

    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)

  7. EmSeeMAC says:

    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. unheeding says:

    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)