gtk2/Adwaita at 385057414669d660e0fa92eb8a809f7cbcfea6d2 - gtk2

History

Daniel Boles 3850574146 Adwaita: Add missing rule for fullscreen headerbar Another selector forces round corners for headerbars in a stack, and it has higher priority than the selector covering the non-stack case from commit `712a8adbd9`. Totem’s MainToolbar happens to be in a stack, and we should maintain symmetry here anyway. So, as window classes .maximized and .tiled are excluded from this other selector, the newly handled .fullscreen case must be excluded here also. https://bugzilla.gnome.org/show_bug.cgi?id=770513		2017-05-31 19:08:28 +01:00
..
assets	Adwaita: render updated assets.	2016-12-01 13:17:02 +00:00
_colors-public.scss	Adwaita: export yet another named color for insensitive bg/fg...	2016-07-24 18:04:51 +02:00
_colors.scss	Adwaita: color tweaks	2016-04-22 14:44:59 +02:00
_common.scss	Adwaita: Add missing rule for fullscreen headerbar	2017-05-31 19:08:28 +01:00
_drawing.scss	Adwaita: sass, make button mixin export a global $button_fill var	2016-10-19 15:59:33 +02:00
assets.svg	Adwaita: update assets svg	2016-12-01 13:17:02 +00:00
assets.txt	Adwaita: scale slider assets refresh	2016-02-20 16:07:00 +01:00
gtk-contained-dark.css	Adwaita: Add missing rule for fullscreen headerbar	2017-05-31 19:08:28 +01:00
gtk-contained-dark.scss
gtk-contained.css	Adwaita: Add missing rule for fullscreen headerbar	2017-05-31 19:08:28 +01:00
gtk-contained.scss
gtk-dark.css
gtk.css
parse-sass.sh	Adwaita: modify parse-sass.sh script to use sassc	2017-05-17 18:05:13 +02:00
README	Adwaita: Fix a few typos in README	2015-08-30 21:12:35 +02:00
render-assets.sh

README

Summary
-------

* Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run
`./parse-sass.sh` when you have the required software installed, as described below)
* To be able to use the latest/adequate version of sass, install ruby, gem, sass & bundle.
On Fedora F20, this is done with `sudo dnf install rubygems && gem install bundle && bundle install`
from the same directory this README resides in.

How to tweak the theme
----------------------

Adwaita is a complex theme, so to keep it maintainable it's written and processed in SASS. The
generated CSS is then transformed into a gresource file during gtk build and used at runtime in a
non-legible or editable form.

It is very likely your change will happen in the _common.scss file. That's where all the widget
selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the
right place for a drive by stylesheet fix:

_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum,
most colors are derived form a handful of basics. It covers both the light variant and
the dark variant.

_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing.

_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under
specific context. This is why Adwaita isn't 15000 LOC.

_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove
your changes.

You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the
_common.scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you
edit. This is done by running `bundle exec sass --watch --sourcemap=none .` If sass is out of date, or is
missing, you can install it with `bundle install`.