[epiphany] Update the theme for CSS nodes
- From: Michael Catanzaro <mcatanzaro src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [epiphany] Update the theme for CSS nodes
- Date: Mon, 21 Dec 2015 13:21:29 +0000 (UTC)
commit 19ff1cda3090f17fb62c43f0e04aeef958594e60
Author: Michael Catanzaro <mcatanzaro igalia com>
Date: Sun Dec 20 13:35:23 2015 -0600
Update the theme for CSS nodes
button and entry are now CSS names, not style classes.
https://bugzilla.gnome.org/show_bug.cgi?id=757164
src/resources/epiphany.css | 32 ++++++++++++++++----------------
src/resources/epiphany.scss | 6 +++---
2 files changed, 19 insertions(+), 19 deletions(-)
---
diff --git a/src/resources/epiphany.css b/src/resources/epiphany.css
index e199123..2a95bd7 100644
--- a/src/resources/epiphany.css
+++ b/src/resources/epiphany.css
@@ -1,4 +1,4 @@
-.button.active-menu {
+button.active-menu {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #9d9d99;
@@ -40,7 +40,7 @@
background-image: -gtk-icontheme("user-not-tracked-symbolic"), linear-gradient(to bottom, #cbd2d9);
box-shadow: inset 0 1px #f1f3f5;
color: rgba(139, 142, 142, 0.1); }
- .incognito-mode.titlebar .button {
+ .incognito-mode.titlebar button {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #8192a3;
@@ -48,17 +48,17 @@
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), 0 1px rgba(241, 243, 245, 0); }
- .incognito-mode.titlebar .button.flat, .incognito-mode.titlebar .button.titlebutton {
+ .incognito-mode.titlebar button.flat, .incognito-mode.titlebar button.titlebutton {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
- .incognito-mode.titlebar .button.titlebutton {
+ .incognito-mode.titlebar button.titlebutton {
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
- .incognito-mode.titlebar .button:hover {
+ .incognito-mode.titlebar button:hover {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #8192a3;
@@ -72,7 +72,7 @@
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), 0 1px rgba(241, 243, 245, 0); }
- .incognito-mode.titlebar .button:active, .incognito-mode.titlebar .button:checked,
.incognito-mode.titlebar .button#ephy-page-menu-button.active-menu {
+ .incognito-mode.titlebar button:active, .incognito-mode.titlebar button:checked,
.incognito-mode.titlebar button#ephy-page-menu-button.active-menu {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #8192a3;
@@ -80,16 +80,16 @@
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(241, 243, 245, 0); }
- .incognito-mode.titlebar .button:insensitive {
+ .incognito-mode.titlebar button:insensitive {
color: #8b8e8e;
border-color: #8192a3;
background-image: linear-gradient(to bottom, #d2d8de);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0); }
- .incognito-mode.titlebar .button:insensitive > .label {
+ .incognito-mode.titlebar button:insensitive > .label {
color: inherit; }
- .incognito-mode.titlebar .button:backdrop {
+ .incognito-mode.titlebar button:backdrop {
color: #8b8e8e;
border-color: #cbd2d9;
background-image: linear-gradient(to bottom, #cbd2d9);
@@ -97,13 +97,13 @@
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0);
border-color: #8192a3; }
- .incognito-mode.titlebar .button:backdrop:active {
+ .incognito-mode.titlebar button:backdrop:active {
color: #8b8e8e;
border-color: #aeb8c3;
background-image: linear-gradient(to bottom, #aeb8c3);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0);
border-color: #8192a3; }
- .incognito-mode.titlebar .button:backdrop:insensitive {
+ .incognito-mode.titlebar button:backdrop:insensitive {
color: #989ea3;
border-color: #d2d8de;
background-image: linear-gradient(to bottom, #d2d8de);
@@ -111,20 +111,20 @@
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0);
border-color: #8192a3; }
- .incognito-mode.titlebar .button:backdrop:insensitive > .label {
+ .incognito-mode.titlebar button:backdrop:insensitive > .label {
color: inherit; }
- .incognito-mode.titlebar .button.flat:backdrop, .incognito-mode.titlebar .button.titlebutton:backdrop {
+ .incognito-mode.titlebar button.flat:backdrop, .incognito-mode.titlebar button.titlebutton:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
- .incognito-mode.titlebar .entry {
+ .incognito-mode.titlebar entry {
box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px rgba(241, 243, 245, 0);
border-color: #8192a3; }
- .incognito-mode.titlebar .entry:focus {
+ .incognito-mode.titlebar entry:focus {
border-color: #4a90d9;
box-shadow: inset 0 0 0 1px #4a90d9, 0 1px rgba(241, 243, 245, 0); }
- .incognito-mode.titlebar .entry:backdrop {
+ .incognito-mode.titlebar entry:backdrop {
box-shadow: none; }
diff --git a/src/resources/epiphany.scss b/src/resources/epiphany.scss
index 53ce06a..589ea8e 100644
--- a/src/resources/epiphany.scss
+++ b/src/resources/epiphany.scss
@@ -9,7 +9,7 @@ $variant: 'light';
// menu button fix, yeah this is ugly
-.button.active-menu {
+button.active-menu {
@include button(active);
&:backdrop { @include button(active-backdrop); }
}
@@ -62,7 +62,7 @@ $edge_color: lighten($incognito_color, 13%);
box-shadow: inset 0 1px $edge_color;
color: transparentize($backdrop_fg_color, 0.9); // color of the overlayed icon in backdrop
}
- .button { // changing the headerbar background color requires changing widget borders and shadow
accordingly
+ button { // changing the headerbar background color requires changing widget borders and shadow
accordingly
@include button(normal, $incognito_color, $edge:$edge_color);
&.flat, &.titlebutton { @include button(undecorated); }
&.titlebutton {
@@ -89,7 +89,7 @@ $edge_color: lighten($incognito_color, 13%);
}
&.flat:backdrop, &.titlebutton:backdrop { @include button(undecorated); }
}
- .entry {
+ entry {
box-shadow: entry_focus_shadow(transparentize($selected_bg_color, 1)), _widget_edge($edge_color);
border-color: _border_color($incognito_color);
&:focus {
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]