[epiphany/wip/exalm/gtk4] Update styles for libadwaita

[Alexander Mikhaylenko <alexm src gnome org>]

commit 6f813ca991616d495fbd17e55dcc27c7e81fa696
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Thu Feb 3 17:37:57 2022 +0500

    Update styles for libadwaita

 src/resources/epiphany.gresource.xml              |   8 +-
 src/resources/parse-sass.sh                       |  25 --
 src/resources/style-dark.css                      |  23 ++
 src/resources/style.css                           | 210 ++++++++++++++
 src/resources/themes/Adwaita-dark.css             | 316 ----------------------
 src/resources/themes/Adwaita-dark.scss            |   4 -
 src/resources/themes/Adwaita.css                  | 316 ----------------------
 src/resources/themes/Adwaita.scss                 |   4 -
 src/resources/themes/HighContrast.css             | 314 ---------------------
 src/resources/themes/HighContrast.scss            |   6 -
 src/resources/themes/HighContrastInverse.css      | 314 ---------------------
 src/resources/themes/HighContrastInverse.scss     |   6 -
 src/resources/themes/_Adwaita-base.scss           | 125 ---------
 src/resources/themes/_Adwaita-colored-window.scss | 217 ---------------
 src/resources/themes/_definitions.scss            |  20 --
 src/resources/themes/_shared-base.scss            | 255 -----------------
 src/resources/themes/elementary.css               | 143 ----------
 src/resources/themes/elementary.scss              | 161 -----------
 src/resources/themes/shared.css                   |  85 ------
 src/resources/themes/shared.scss                  |   3 -
 20 files changed, 235 insertions(+), 2320 deletions(-)
---
diff --git a/src/resources/epiphany.gresource.xml b/src/resources/epiphany.gresource.xml
index 2d8c7f69b..345740844 100644
--- a/src/resources/epiphany.gresource.xml
+++ b/src/resources/epiphany.gresource.xml
@@ -60,11 +60,7 @@
     <file compressed="true" 
alias="scalable/status/ephy-library-symbolic.svg">ephy-library-symbolic.svg</file>
   </gresource>
   <gresource prefix="/org/gnome/Epiphany">
-    <file compressed="true">themes/shared.css</file>
-    <file compressed="true">themes/Adwaita.css</file>
-    <file compressed="true">themes/Adwaita-dark.css</file>
-    <file compressed="true">themes/elementary.css</file>
-    <file compressed="true">themes/HighContrast.css</file>
-    <file compressed="true">themes/HighContrastInverse.css</file>
+    <file compressed="true">style.css</file>
+    <file compressed="true">style-dark.css</file>
   </gresource>
 </gresources>
diff --git a/src/resources/style-dark.css b/src/resources/style-dark.css
new file mode 100644
index 000000000..f7a94ff51
--- /dev/null
+++ b/src/resources/style-dark.css
@@ -0,0 +1,23 @@
+/* incognito mode */
+.incognito-mode headerbar,
+.incognito-mode tabbar > revealer > box {
+  background-color: #252f49;
+}
+
+.incognito-mode headerbar:backdrop,
+.incognito-mode tabbar > revealer > box:backdrop,
+.incognito-mode actionbar {
+  background-color: #1c2438;
+}
+
+/* automation mode */
+.automation-mode headerbar,
+.automation-mode tabbar > revealer > box {
+  background-color: #733100;
+}
+
+.automation-mode headerbar:backdrop,
+.automation-mode tabbar > revealer > box:backdrop,
+.automation-mode actionbar {
+  background-color: #632300;
+}
diff --git a/src/resources/style.css b/src/resources/style.css
new file mode 100644
index 000000000..87106233a
--- /dev/null
+++ b/src/resources/style.css
@@ -0,0 +1,210 @@
+/* floating status bar */
+.floating-bar {
+  background-color: @theme_base_color;
+  background-clip: padding-box;
+  border-width: 1px;
+  border-style: solid solid none;
+  border-color: @borders;
+  border-radius: 3px 3px 0 0;
+}
+
+.floating-bar.left {
+  border-left-style: none;
+  border-top-left-radius: 0;
+}
+
+.floating-bar.right {
+  border-right-style: none;
+  border-top-right-radius: 0;
+}
+
+#title-box-container {
+  transition: background 200ms ease-out;
+}
+
+/* incognito mode */
+.incognito-mode headerbar,
+.incognito-mode tabbar > revealer > box {
+  background-color: #d7e3f0;
+}
+
+.incognito-mode headerbar:backdrop,
+.incognito-mode tabbar > revealer > box:backdrop,
+.incognito-mode actionbar {
+  background-color: #eaf0f7;
+}
+
+.incognito-mode #title-box-container {
+  background: cross-fade(10% -gtk-icontheme('user-not-tracked-symbolic'), image(transparent)) 16px 0 / 64px 
64px no-repeat;
+}
+
+/* automation mode */
+.automation-mode headerbar,
+.automation-mode tabbar > revealer > box {
+  background-color: #ffa348;
+}
+
+.automation-mode headerbar:backdrop,
+.automation-mode tabbar > revealer > box:backdrop,
+.automation-mode actionbar {
+  background-color: #ffbe6f;
+}
+
+/* entry icons */
+/*
+.entry_icon_box {
+  margin-left: 2px;
+  margin-right: 5px;
+
+  &:dir(rtl) {
+    margin-left: 5px;
+    margin-right: 2px;
+  }
+  // Make the buttons as unnoticable as possible, to make it look like you're
+  // really clicking icons here, while allowing to focus them with the Tab key.
+  > button {
+    box-shadow: none;
+    border: transparent;
+    background: transparent;
+    padding: 0px;
+    -gtk-icon-shadow: none;
+    // Makes the focus outline slightly larger so it is more "button-like"
+    outline-offset: -1px;
+
+    &:hover:not(:backdrop) .entry_icon {
+      opacity: 1;
+    }
+  }
+}
+
+.entry_icon {
+  color: themecolor(theme_fg_color);
+  margin: 0 4px;
+  opacity: .8;
+
+  &:active {
+    color: themecolor(theme_selected_bg_color);
+  }
+
+  &:backdrop {
+    color: themecolor(theme_unfocused_fg_color);
+  }
+
+  // Reader mode
+  &.selected {
+    color: themecolor(theme_selected_bg_color);
+  }
+
+  // Bookmarks
+  &.starred {
+    color: orange;
+  }
+}
+*/
+
+/* bookmarks */
+.bookmarks-row button {
+  border-radius: 100%;
+  min-width: 28px;
+  min-height: 28px;
+  padding: 0;
+  margin: 2px;
+  opacity: 0.25;
+}
+
+.bookmarks-row:hover button {
+  opacity: 1;
+}
+
+.bookmark-tag-widget {
+  padding-left: 8px;
+  background-color: alpha(currentColor, .1);
+  border-radius: 6px;
+}
+
+.bookmark-tag-widget label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.bookmark-tag-widget-selected {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}
+
+.bookmark-tag-widget button {
+  border-radius: 100%;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 0;
+  margin: 2px;
+}
+
+
+/* "Press $KEY to exit fullscreen" overlay text */
+#fullscreen-popup {
+  padding: 12px;
+  border-radius: 18px;
+  background: rgba(0, 0, 0, 0.65);
+  color: white;
+}
+
+/* downloads button */
+@keyframes needs_attention_keyframes {
+    0% { color: inherit; }
+    /* can't do animation-direction, so holding the color on two keyframes */
+    50% { color: @accent_color; }
+    100% { color: inherit; }
+}
+
+.epiphany-downloads-button-needs-attention {
+  animation: needs_attention_keyframes 2s ease-in-out;
+}
+
+.epiphany-downloads-button-needs-attention-multiple {
+  animation: needs_attention_keyframes 3s ease-in-out;
+  animation-iteration-count: 3;
+}
+
+.download_progress progress {
+  min-height: 2px;
+}
+
+.download_progress trough {
+  min-width: 14px;
+}
+
+/*
+// Preferences languages list drag & drop style classes
+.draggable {
+  &.drag-icon {
+    background: white;
+    border: 1px solid black;
+  }
+
+  &.drag-row {
+    color: gray;
+    background: gtkalpha(gray, 0.2);
+  }
+}
+*/
+
+fullscreenbox > flap > dimming,
+fullscreenbox > flap > outline,
+fullscreenbox > flap > border {
+  min-height: 0;
+  min-width: 0;
+  background: none;
+}
+
+fullscreenbox > flap > shadow {
+  min-height: 9px;
+  min-width: 9px;
+  background: linear-gradient(to bottom, alpha(black, .1), alpha(black, .0));
+}
+
+/* selection mode */
+headerbar.selection-mode {
+  background-color: @accent_bg_color;
+  color: @accent_fg_color;
+}