FlatStudio

Source (link to git-repo or to original if based on someone elses unmodified work): Add the source-code for this project on opencode.net

Description:

Flat, simple and clean :)

- Inside the theme folder there is a readme.txt file with some simple instructions (styles for nautilus, change selection color, metacity-buttons)

If you are using Firefox, I recommend for this theme to install the extension FXChrome. It is not completely flat but almost ;)
https://addons.mozilla.org/es/firefox/addon/fxchrome/?src=api

requires:
- GNOME 3.4.x or GNOME 3.6.x (does not work on other versions of gnome)
- GTK3 theme uses unico-engine
- GTK2 theme uses gtk2-engines-murrine

There are four themes:
FlatStudio: based on the color of my other theme MediterraneanNight

FlatStudioLight: found a mockup that I really liked and in which I based for FlatStudioLight, the mockup is of Tobias Bernard's (minimal GTK theme mockup), found in
http://tobiasbernard.com/floss/minimal-gtk-theme/

FlastudioGray: soft gray frame

FlatStudioDark: flat dark theme :)

Shell theme:
-----------
i found this shell theme:
Contrail by ~theRealPadster,
inspired by the same mokup that FlatStudioLight
http://therealpadster.deviantart.com/art/Contrail-313169671

icons used in FlatStudio
------------------------
Nitrux OS Icons by ~DevianTN7k1 (option NITRUX-G)
http://deviantn7k1.deviantart.com/art/Nitrux-OS-Icons-293634207

icons used in FlatStudioLight
-------------------------------
Clarity-icon-theme by Jakub Jankiewicz (option dark_canus)
http://gnome-look.org/content/show.php?content=135654
i also like
AwOken icon theme by alecive (option AwOkenDark)
http://gnome-look.org/content/show.php?content=126344

fonts used in FlatStudioLight
------------------------------
Tobias recommended “Roboto” font
http://www.fontsquirrel.com/fonts/roboto

Minimalist wallpapers:
http://www.icanbecreative.com/simple-desktop-wallpapers-for-minimalist-lovers.html
http://simpledesktops.com/

Last changelog:

8 years ago

Version FlatStudio v1.02 (2012-10-28)
--------------------------------------
- The theme has been ported to Gnome 3.6
- The theme is fully integrated with Nautilus 3.6.x and Nemo (cinnamon 1.6.x)
- Known Issues: integration with nautilus 3.4.x (ubuntu 12.10) is not total but acceptable, will be fixed later
- Inside is also a version compatible with Gnome 3.4 (FlatStudio-G3.4.tar.gz)

Version FlatStudio v1.01 (2012-10-16)
--------------------------------------
- Added 2 new themes: FlatStudioGray and FlatStudioDark
- Reworked Metacity theme (recomended clean install)
Added new style square buttons on new themes (hamed asl contribution, thanks!)
More flattened buttons on FlatStudio and FlatStudioLight
Now, Unity also is borderless
Note: readme.txt has instructions for exchanging buttons between themes
- correction of some bugs reported by users in GTK2 (white text on white background)
- fixed frame color Google Chrome (incognito mode)
- small cosmetic changes

Version FlatStudio v1.0 (2012-10-04)
------------------------------------
- correction of bugs detected in the RC
- small cosmetic changes

Version FlatStudio RC2 (2012-09-29)
------------------------------------
FlatStudioLight
some changes to try to be more like the original mockup.
- tabs style
- radio-button style
- button-hover effect
- (slightly) menus of the menu bar
- scroolbars

Version: FlatStudio RC (2012-09-27)
------------------------------------
Release candidate

148 comments

1

2

3

4
5

6

Comments/Ratings

Please login or register to add a comment or rating

trastes
8 years ago

Happy that you like the theme :)

Report

paulsalden
8 years ago

Hey man, awesome updates! One minor issue: when changing the unity panel css to unity-darkest, the panel text remains dark (on a dark background). I easily fixed it by taking a look at how you do it for GrayDay, but wanted to let you know.

Report

trastes
8 years ago

Thank you very much for the warning!
I will fix it

Report

unheeding
8 years ago

I'd really love to see a Cinnamon theme for this. It's perfect! Almost...

on Gnome 3.6 I can't select it as my window theme. Well, I can, but it doesn't take effect.

Also, checkboxes are often ambiguous - it's impossible to tell whether it is checked or not.

Thanks.

Report

trastes
8 years ago

In 1 or 2 days I hope to publish the version 1.02 adapted to Gnome 3.6.
In my testing (Ubuntu 12.10) I have no problems with Cinnamon, nemo and nautilus 3.6.
what the checkbox and radiobutton is also solved, but aesthetically it is a little different to Gnome 3.4.
In general, the theme goes well in Gnome 3.6 and Cinnamon

Thanks for your comment :)

Report

hamedasl
8 years ago

hi

me too....cant wait for updated version :)

cause i have some problem in 12.10 ... when go to some of the menu its look the text have background color...here a screenshot of some of the problem ...this problem not happened in 12.04;

https://dl.dropbox.com/u/103839735/PIC/flat01.jpg

Report

unheeding
8 years ago

Good to hear! I can't wait.

The theme works perfectly in Cinnamon (except having some white on light fonts in the system settings), I meant a theme for Cinnamon itself (the panel, mostly). This would probably be easier for the author of Contrail, as his Gnome-shell theme is pretty much what is required for Cinnamon... oh well. thanks for the great theme!

Report

kef
8 years ago

I can't wait!

Report

hunter75
8 years ago

Hi, could you create a FlatStudio Light for Openbox?
all LXDE users thank you in advance ;-)

Report

atenrok
8 years ago

Great theme, as I my eyes already hurt from overusage of gradients in interfaces by everybody else. Just wish it was available in set of color of a traditional Gorilla-GTK theme, see here http://jimmac.musichall.cz/screenshots/gtk-gorilla.jpeg

Report

trastes
8 years ago

If by now you just want to get that tone, is relatively easy. Basically is to change the colors bg_color and theme_bg_dark_color for which I am indicating (bg_color=#DEDFCE, theme_bg_dark_color=#DEDFCE)

From FlatStudio or FlatStudioLight or FlatStudioGray (the one you like, not FlatStudioDark!)

for GTK3
1. - Edit ../FlatStudioXXX/gtk-3.0/setting.ini and change bg_color for the following value
gtk-color-scheme = "base_color:#FDFDFD\nbg_color:#DEDFCE\............."

2. - Edit ../FlatStudioXXX/gtk-3.0/gtk.css
about line 4
@define-color bg_color #DEDFCE;

about line 41
@define-color theme_bg_dark_color @bg_color;

for GTK2
3.- edit ../FlatStudioXXX/gtk-3.0/gtkrc (similar to step 1)
line 1
gtk-color-scheme = "base_color:#FDFDFD\nbg_color:#DEDFCE"

about line 5
gtk-color-scheme = "theme_bg_dark_color:#DEDFCE\n........."

There are instructions in the readme.txt to change the selection color (very easy too)

Report

trastes
8 years ago

sorry

for GTK2
3.- edit ../FlatStudioXXX/gtk-2.0/gtkrc

Report

mark92892
8 years ago

"sed -e s/rounded_top_left\=\"false\"/rounded_top_left\=\"true\"/g FlatStudio*/metacity-1/metacity-theme-?.xml -i" and "sed -e s/rounded_top_right\=\"false\"/rounded_top_right\=\"true\"/g FlatStudio*/metacity-1/metacity-theme-?.xml -i" will give these rounded corners in case anyone's wonderin' like I was. (That might be something to add to the readme, trastes.)

Report

hamedasl
8 years ago

heeeeeeey this themes looks great...best look i ever had in my desktop :)

thank u trastes ............. keep Up your works ;)

Report

hunter75
8 years ago

of course I selected "use GTK theme" in Chromium options but the issue still exists and I don't think the fault is Emerald becasue using Zutikwo theme this problem disappears.
I also checked the gtkrc file in Zutikwo e the section chrome-gtk-frame do not exist.... strange...

Report

trastes
8 years ago

Ok, I found the problem :)

That happens by browsing in incognito mode, can expect to update or modify your own.
for it edit the gtkrc file leaving the chrome section as follows (copy/paste)

style "chrome-gtk-frame" {
ChromeGtkFrame::frame-gradient-size = 120
ChromeGtkFrame::frame-gradient-color = @theme_bg_dark_color
ChromeGtkFrame::inactive-frame-gradient-color = @theme_bg_dark_color
ChromeGtkFrame::frame-color = @theme_bg_dark_color
ChromeGtkFrame::inactive-frame-color = @theme_bg_dark_color

ChromeGtkFrame::incognito-frame-gradient-size = 120
ChromeGtkFrame::incognito-frame-color = @theme_bg_dark_color
ChromeGtkFrame::incognito-inactive-frame-color = @theme_bg_dark_color
ChromeGtkFrame::incognito-frame-gradient-color = @theme_bg_dark_color

ChromeGtkFrame::scrollbar-trough-color = shade (0.99, @theme_bg_dark_color)
ChromeGtkFrame::scrollbar-slider-prelight-color = shade (0.87, @theme_bg_dark_color)
ChromeGtkFrame::scrollbar-slider-normal-color = shade (0.80, @theme_bg_dark_color)
}
class "ChromeGtkFrame" style "chrome-gtk-frame"

Report

hunter75
8 years ago

now it works! thanks a lot!!

waiting for new version of your theme including fix for white test over light background

thanks again for your great work!

Report

trastes
8 years ago

edit the file .. /FlatStusioLight/gtk-2.0/gtkrc
on line 750 find this

style "fg_is_text_color_workaround" {
fg[NORMAL] = @text_color
fg[PRELIGHT] = @text_color
fg[SELECTED] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
}

replace
fg[ACTIVE] = @selected_fg_color

by
fg[ACTIVE] = @fg_color

Report

hunter75
8 years ago

there some issues:

1) when I select a folter, or a file in general, the text becomes white and the background color is light-grey: in this way any text is not readable

2) in several programs: text in the menu is white and the background color is light-grey: in this way any text is not readable

3) Chromium: the TAB bar is dark-grey; could you set it light-grey like the toolbat (home button, back and forward buttons, and so on)?

4) are you interested in developing a FlatStudio theme for Emerald?

Thanks!

Report

trastes
8 years ago

You're right, this happening in several GTK2 apps. I'm fixing it for the next update in 1 or 2 days

thanks :)

Report

hunter75
8 years ago

thanks!!
please, also fix the color of TAB bar in chromium. Would be great to have all light-grey like in Zutikwo theme.

Report

hunter75
8 years ago

sorry, I forgot to ask: would your theme be compatible with new Gnome 3.6? I use LXDE (gtk2) with some gtk3 applications from Gnome 3.4 but Gnome 3.6 is coming soon...
thanks again

Report

trastes
8 years ago

Yes, I have planned suit gnome 3.6 in brief

Regarding chromiun, the problem is with FlatStudio or FlatStudioLight?, I use google chrome and tabs are fine, however, I will also do tests with chromium

Report

hunter75
8 years ago

problem in both versions but I only use the light one because, IMHO, is really better and more relaxing. Have a look here:
http://s9.postimage.org/6x2jimm3z/chrom.jpg
don't consider the title-bar: it's white due to Emeral theme
the problem is the TAB bar, it should be light-grey like the toolbar. If you fix this and the problem of white text over light background then FlatStudio-Light could be one of the best gtk3 theme ever.

Report

trastes
8 years ago

My impression is that emeral has something to do with it, that color is defined in the theme and in a standard gnome installation works fine.

in the file .../FlatStudioLight/gtk-2.0/gtkrc on line 716

# For Google Chrome/Chromium integration.
style "chrome-gtk-frame" {
ChromeGtkFrame::frame-gradient-size = 120
ChromeGtkFrame::frame-gradient-color = shade (1.00, @theme_bg_dark_color)
ChromeGtkFrame::inactive-frame-gradient-color = shade (1.00, @theme_bg_dark_color)
ChromeGtkFrame::frame-color = shade (1.00, @theme_bg_dark_color)
ChromeGtkFrame::inactive-frame-color = shade (1.00, @theme_bg_dark_color)

ChromeGtkFrame::scrollbar-trough-color = shade (0.99, @theme_bg_dark_color)
ChromeGtkFrame::scrollbar-slider-prelight-color = shade (0.87, @theme_bg_dark_color)
ChromeGtkFrame::scrollbar-slider-normal-color = shade (0.80, @theme_bg_dark_color)
}
class "ChromeGtkFrame" style "chrome-gtk-frame"

where @theme_bg_dark_color is the frame color in the theme.

Moreover, in the options page of chromium have selected the following?
- Button "using GTK+ theme"
- Checkbox "Use borders and titlebar"

Report