Categories
blog Design Elementary OS gtk+ Linux Theme

Elementry OS Theme Design – Day 1

3 hrs found just some css that reallyΒ matter to me.

gtk.css

@define-color colorPrimary #fff;

 

gtk-widgets.css

/*******
* CSD *
******/

.titlebar {
background-image: linear-gradient(to bottom,
shade (@colorPrimary, 0.95),
shade (@colorPrimary, 0.95)
);
border-color: shade (@colorPrimary, 0.56);
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 0 0 1px;

text-shadow: 0 1px alpha (shade (@colorPrimary, 1.4), 0.40);
icon-shadow: 0 1px alpha (shade (@colorPrimary, 1.4), 0.40);

box-shadow: inset 0 0 0 1px alpha (shade (@colorPrimary, 1.4), 0.20),
inset 0 1px 0 0 alpha (shade (@colorPrimary, 1.4), 0.60);

padding: 0 3px;
}

.titlebar:backdrop {
background-image: linear-gradient(to bottom,
shade (@colorPrimary, 0.96),
shade (@colorPrimary, 0.96)
);
background-color: shade (@colorPrimary, 1.10);
border-color: shade (@colorPrimary, 0.64);

box-shadow: inset 0 0 0 1px alpha (shade (@colorPrimary, 1.4), 0.40);

-gtk-image-effect: dim;
}

This website stores cookies on your computer. These cookies are used to provide a more personalized experience and to track your whereabouts around our website in compliance with the European General Data Protection Regulation. If you decide to to opt-out of any future tracking, a cookie will be setup in your browser to remember this choice for one year.

Accept or Deny