[libhandy/tabs: 30/62] Tweak styling

From: Alexander Mikhaylenko <alexm src gnome org>
To: commits-list gnome org
Cc:
Subject: [libhandy/tabs: 30/62] Tweak styling
Date: Sat, 12 Sep 2020 19:27:44 +0000 (UTC)


commit 596e1c36511f750fb6bed204a3a99e10e27238f4
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Wed Sep 9 17:27:11 2020 +0500

    Tweak styling

 src/hdy-tab-view-group.c           | 113 +++++++++++++++++++++++++++++++++++++
 src/hdy-tab-view-group.h           |  37 ++++++++++++
 src/themes/Adwaita-dark.css        |  12 +++-
 src/themes/Adwaita.css             |  34 ++++++-----
 src/themes/HighContrast.css        |  34 ++++++-----
 src/themes/HighContrastInverse.css |  12 +++-
 src/themes/_Adwaita-base.scss      |  11 +++-
 7 files changed, 216 insertions(+), 37 deletions(-)
---
diff --git a/src/hdy-tab-view-group.c b/src/hdy-tab-view-group.c
new file mode 100644
index 00000000..5378d204
--- /dev/null
+++ b/src/hdy-tab-view-group.c
@@ -0,0 +1,113 @@
+/*
+ * Copyright (C) 2020 Alexander Mikhaylenko <exalm7659 gmail com>
+ *
+ * SPDX-License-Identifier: LGPL-2.1+
+ */
+
+#include "config.h"
+#include <glib/gi18n-lib.h>
+
+#include "hdy-tab-view-group.h"
+
+/**
+ * SECTION:hdy-tab-view-group
+ * @short_description: TBD
+ * @title: HdyTabViewGroup
+ * @See_also: #HdyTabViewGroup
+ *
+ * TBD
+ *
+ * Since: 1.2
+ */
+
+struct _HdyTabView
+{
+  GObject parent_instance;
+
+  GList *views;
+  gboolean is_dragging;
+};
+
+G_DEFINE_TYPE (HdyTabViewGroup, hdy_tab_view_group, G_TYPE_OBJECT)
+
+static void
+hdy_tab_view_group_class_init (HdyTabViewGroup *klass)
+{
+}
+
+static void
+hdy_tab_view_group_init (HdyTabViewGroup *self)
+{
+}
+/**
+ * hdy_tab_view_group_new:
+ *
+ * Creates a new #HdyTabViewGroup widget.
+ *
+ * Returns: a new #HdyTabViewGroup
+ *
+ * Since: 1.2
+ */
+HdyTabViewGroup *
+hdy_tab_view_group_new (void)
+{
+  return g_object_new (HDY_TYPE_TAB_VIEW_GROUP, NULL);
+}
+
+/**
+ * hdy_tab_view_group_add_view:
+ * @self: a #HdyTabView
+ * @view: TBD
+ *
+ * TBD
+ *
+ * Since: 1.2
+ */
+void
+hdy_tab_view_group_add_view (HdyTabViewGroup *self,
+                             HdyTabView      *view)
+{
+  g_return_if_fail (HDY_IS_TAB_VIEW_GROUP (self));
+  g_return_if_fail (HDY_IS_TAB_VIEW (view));
+
+  // remove from the old group here first
+
+
+}
+
+/**
+ * hdy_tab_view_group_remove_view:
+ * @self: a #HdyTabView
+ * @view: TBD
+ *
+ * TBD
+ *
+ * Since: 1.2
+ */
+void
+hdy_tab_view_group_remove_view (HdyTabViewGroup *self,
+                                HdyTabView      *view)
+{
+  g_return_if_fail (HDY_IS_TAB_VIEW_GROUP (self));
+  g_return_if_fail (HDY_IS_TAB_VIEW (view));
+
+
+}
+
+/**
+ * hdy_tab_view_group_list_views:
+ * @self: a #HdyTabView
+ *
+ * TBD
+ *
+ * Returns: (element-type HdyTabView) (transfer container): TBD
+ *
+ * Since: 1.2
+ */
+GList *
+hdy_tab_view_group_list_views (HdyTabViewGroup *self)
+{
+  g_return_val_if_fail (HDY_IS_TAB_VIEW_GROUP (self), NULL);
+
+  return g_list_copy (self->views);
+}
diff --git a/src/hdy-tab-view-group.h b/src/hdy-tab-view-group.h
new file mode 100644
index 00000000..f150a9d9
--- /dev/null
+++ b/src/hdy-tab-view-group.h
@@ -0,0 +1,37 @@
+/*
+ * Copyright (C) 2020 Alexander Mikhaylenko <exalm7659 gmail com>
+ *
+ * SPDX-License-Identifier: LGPL-2.1+
+ */
+
+#pragma once
+
+#if !defined(_HANDY_INSIDE) && !defined(HANDY_COMPILATION)
+#error "Only <handy.h> can be included directly."
+#endif
+
+#include "hdy-version.h"
+
+#include <glib-object.h>
+#include "hdy-tab-view.h"
+
+G_BEGIN_DECLS
+
+#define HDY_TYPE_TAB_VIEW_GROUP (hdy_tab_view_group_get_type())
+
+HDY_AVAILABLE_IN_ALL
+G_DECLARE_FINAL_TYPE (HdyTabViewGroup, hdy_tab_view_group, HDY, TAB_VIEW_GROUP, GObject)
+
+HDY_AVAILABLE_IN_ALL
+HdyTabViewGroup *hdy_tab_view_group_new (void);
+
+HDY_AVAILABLE_IN_ALL
+void             hdy_tab_view_group_add_view    (HdyTabViewGroup *self,
+                                                 HdyTabView      *view);
+HDY_AVAILABLE_IN_ALL
+void             hdy_tab_view_group_remove_view (HdyTabViewGroup *self,
+                                                 HdyTabView      *view);
+HDY_AVAILABLE_IN_ALL
+GList           *hdy_tab_view_group_list_views  (HdyTabViewGroup *self);
+
+G_END_DECLS
diff --git a/src/themes/Adwaita-dark.css b/src/themes/Adwaita-dark.css
index e550d3d8..eebfa90f 100644
--- a/src/themes/Adwaita-dark.css
+++ b/src/themes/Adwaita-dark.css
@@ -239,6 +239,12 @@ tabbar tab:checked .tab-close-button-scrim:dir(ltr) { background: linear-gradien
 
 tabbar tab:checked .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(38, 38, 38, 
0), #262626 18px); }
 
+tabbar tab:checked:hover { background-color: #2d2d2d; }
+
+tabbar tab:checked:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(45, 
45, 45, 0), #2d2d2d 18px); }
+
+tabbar tab:checked:hover .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(45, 
45, 45, 0), #2d2d2d 18px); }
+
 tabbar tab:hover { background-color: #3a3a3a; }
 
 tabbar tab:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(58, 58, 58, 
0), #3a3a3a 18px); }
@@ -273,11 +279,11 @@ tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width:
 
 tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; }
 
-.tab-drag-icon tab { min-height: 38px; background-color: #3a3a3a; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 
0.25), 0 0 0 1px rgba(27, 27, 27, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; }
+.tab-drag-icon tab { min-height: 38px; background-color: #2d2d2d; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 
0.25), 0 0 0 1px rgba(27, 27, 27, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; }
 
-.tab-drag-icon tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(58, 58, 58, 
0), #3a3a3a 18px); }
+.tab-drag-icon tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(45, 45, 45, 
0), #2d2d2d 18px); }
 
-.tab-drag-icon tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(58, 58, 58, 
0), #3a3a3a 18px); }
+.tab-drag-icon tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(45, 45, 45, 
0), #2d2d2d 18px); }
 
 tabbar tab .tab-contents, .tab-drag-icon tab .tab-contents { padding: 6px; }
 
diff --git a/src/themes/Adwaita.css b/src/themes/Adwaita.css
index f99bae63..89b2af49 100644
--- a/src/themes/Adwaita.css
+++ b/src/themes/Adwaita.css
@@ -199,7 +199,7 @@ window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-s
 
window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized),
 
window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized)

decoration,

window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized)

decoration-overlay { border-radius: 8px; }

 
 /* FIXME this should be inlined after we finalize the colors */
-tabbar .box { min-height: 38px; background: #c6bfb9; border-color: #bfb8b1; border-style: solid; }
+tabbar .box { min-height: 38px; background: #d4cfca; border-color: #bfb8b1; border-style: solid; }
 
 tabbar .box:backdrop { background-color: #e1dedb; border-color: #d5d0cc; }
 
@@ -225,25 +225,31 @@ tabbar.needs-attention-left undershoot.left { background: linear-gradient(to rig
 
 tabbar.needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(53, 132, 228, 
0.7), rgba(53, 132, 228, 0.5) 1px, rgba(53, 132, 228, 0) 20px); }
 
-tabbar tab { min-width: 130px; border-style: solid; border-color: #bfb8b1; border-width: 0 1px 0 1px; 
transition: background 150ms ease-in-out; background-color: #cdc7c2; }
+tabbar tab { min-width: 130px; border-style: solid; border-color: #bfb8b1; border-width: 0 1px 0 1px; 
transition: background 150ms ease-in-out; background-color: #dad6d2; }
 
-tabbar tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(205, 199, 194, 0), 
#cdc7c2 18px); }
+tabbar tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(218, 214, 210, 0), 
#dad6d2 18px); }
 
-tabbar tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(205, 199, 194, 0), 
#cdc7c2 18px); }
+tabbar tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(218, 214, 210, 0), 
#dad6d2 18px); }
 
 tabbar tab.pinned { min-width: 40px; }
 
-tabbar tab:checked { background-color: #dad6d2; }
+tabbar tab:checked { background-color: #e8e6e3; }
 
-tabbar tab:checked .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(218, 214, 
210, 0), #dad6d2 18px); }
+tabbar tab:checked .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(232, 230, 
227, 0), #e8e6e3 18px); }
 
-tabbar tab:checked .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(218, 214, 
210, 0), #dad6d2 18px); }
+tabbar tab:checked .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(232, 230, 
227, 0), #e8e6e3 18px); }
 
-tabbar tab:hover { background-color: #e6e3e0; }
+tabbar tab:checked:hover { background-color: #efedec; }
 
-tabbar tab:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(230, 227, 
224, 0), #e6e3e0 18px); }
+tabbar tab:checked:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(239, 
237, 236, 0), #efedec 18px); }
 
-tabbar tab:hover .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(230, 227, 224, 
0), #e6e3e0 18px); }
+tabbar tab:checked:hover .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(239, 
237, 236, 0), #efedec 18px); }
+
+tabbar tab:hover { background-color: #e1dedb; }
+
+tabbar tab:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(225, 222, 
219, 0), #e1dedb 18px); }
+
+tabbar tab:hover .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(225, 222, 219, 
0), #e1dedb 18px); }
 
 tabbar tab:backdrop { border-color: #d5d0cc; background-color: #e8e6e3; }
 
@@ -259,7 +265,7 @@ tabbar tab:backdrop:checked .tab-close-button-scrim:dir(rtl) { background: linea
 
 tabbar tab:not(:hover):not(:checked) .tab-close-button-scrim { opacity: 0; }
 
-tabbar .start-action, tabbar .end-action { background: #cdc7c2; border-color: #bfb8b1; border-style: solid; 
transition: background 150ms ease-in-out; }
+tabbar .start-action, tabbar .end-action { background: #dad6d2; border-color: #bfb8b1; border-style: solid; 
transition: background 150ms ease-in-out; }
 
 tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #d5d0cc; background-color: 
#e8e6e3; }
 
@@ -273,11 +279,11 @@ tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width:
 
 tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; }
 
-.tab-drag-icon tab { min-height: 38px; background-color: #e6e3e0; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 
0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.8); margin: 25px; }
+.tab-drag-icon tab { min-height: 38px; background-color: #efedec; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 
0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.8); margin: 25px; }
 
-.tab-drag-icon tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(230, 227, 
224, 0), #e6e3e0 18px); }
+.tab-drag-icon tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(239, 237, 
236, 0), #efedec 18px); }
 
-.tab-drag-icon tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(230, 227, 
224, 0), #e6e3e0 18px); }
+.tab-drag-icon tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(239, 237, 
236, 0), #efedec 18px); }
 
 tabbar tab .tab-contents, .tab-drag-icon tab .tab-contents { padding: 6px; }
 
diff --git a/src/themes/HighContrast.css b/src/themes/HighContrast.css
index 49f62016..63e109ea 100644
--- a/src/themes/HighContrast.css
+++ b/src/themes/HighContrast.css
@@ -199,7 +199,7 @@ window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { box-s
 
window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized),
 
window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized)

decoration,

window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized)

decoration-overlay { border-radius: 8px; }

 
 /* FIXME this should be inlined after we finalize the colors */
-tabbar .box { min-height: 38px; background: #cdc7c2; border-color: #6e645a; border-style: solid; }
+tabbar .box { min-height: 38px; background: #dad6d2; border-color: #6e645a; border-style: solid; }
 
 tabbar .box:backdrop { background-color: #e8e6e3; border-color: #d5d0cc; }
 
@@ -225,25 +225,31 @@ tabbar.needs-attention-left undershoot.left { background: linear-gradient(to rig
 
 tabbar.needs-attention-right undershoot.right { background: linear-gradient(to left, rgba(27, 106, 203, 
0.7), rgba(27, 106, 203, 0.5) 1px, rgba(27, 106, 203, 0) 20px); }
 
-tabbar tab { min-width: 130px; border-style: solid; border-color: #6e645a; border-width: 0 1px 0 1px; 
transition: background 150ms ease-in-out; background-color: #d4cfca; }
+tabbar tab { min-width: 130px; border-style: solid; border-color: #6e645a; border-width: 0 1px 0 1px; 
transition: background 150ms ease-in-out; background-color: #e1dedb; }
 
-tabbar tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(212, 207, 202, 0), 
#d4cfca 18px); }
+tabbar tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(225, 222, 219, 0), 
#e1dedb 18px); }
 
-tabbar tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(212, 207, 202, 0), 
#d4cfca 18px); }
+tabbar tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(225, 222, 219, 0), 
#e1dedb 18px); }
 
 tabbar tab.pinned { min-width: 40px; }
 
-tabbar tab:checked { background-color: #e1dedb; }
+tabbar tab:checked { background-color: #efedec; }
 
-tabbar tab:checked .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(225, 222, 
219, 0), #e1dedb 18px); }
+tabbar tab:checked .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(239, 237, 
236, 0), #efedec 18px); }
 
-tabbar tab:checked .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(225, 222, 
219, 0), #e1dedb 18px); }
+tabbar tab:checked .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(239, 237, 
236, 0), #efedec 18px); }
 
-tabbar tab:hover { background-color: #edebe9; }
+tabbar tab:checked:hover { background-color: #f6f5f4; }
 
-tabbar tab:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(237, 235, 
233, 0), #edebe9 18px); }
+tabbar tab:checked:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(246, 
245, 244, 0), #f6f5f4 18px); }
 
-tabbar tab:hover .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(237, 235, 233, 
0), #edebe9 18px); }
+tabbar tab:checked:hover .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(246, 
245, 244, 0), #f6f5f4 18px); }
+
+tabbar tab:hover { background-color: #e8e6e3; }
+
+tabbar tab:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(232, 230, 
227, 0), #e8e6e3 18px); }
+
+tabbar tab:hover .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(232, 230, 227, 
0), #e8e6e3 18px); }
 
 tabbar tab:backdrop { border-color: #d5d0cc; background-color: #efedec; }
 
@@ -259,7 +265,7 @@ tabbar tab:backdrop:checked .tab-close-button-scrim:dir(rtl) { background: linea
 
 tabbar tab:not(:hover):not(:checked) .tab-close-button-scrim { opacity: 0; }
 
-tabbar .start-action, tabbar .end-action { background: #d4cfca; border-color: #6e645a; border-style: solid; 
transition: background 150ms ease-in-out; }
+tabbar .start-action, tabbar .end-action { background: #e1dedb; border-color: #6e645a; border-style: solid; 
transition: background 150ms ease-in-out; }
 
 tabbar .start-action:backdrop, tabbar .end-action:backdrop { border-color: #d5d0cc; background-color: 
#efedec; }
 
@@ -273,11 +279,11 @@ tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width:
 
 tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; }
 
-.tab-drag-icon tab { min-height: 38px; background-color: #edebe9; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 
0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.8); margin: 25px; }
+.tab-drag-icon tab { min-height: 38px; background-color: #f6f5f4; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 
0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.8); margin: 25px; }
 
-.tab-drag-icon tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(237, 235, 
233, 0), #edebe9 18px); }
+.tab-drag-icon tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(246, 245, 
244, 0), #f6f5f4 18px); }
 
-.tab-drag-icon tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(237, 235, 
233, 0), #edebe9 18px); }
+.tab-drag-icon tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(246, 245, 
244, 0), #f6f5f4 18px); }
 
 tabbar tab .tab-contents, .tab-drag-icon tab .tab-contents { padding: 6px; }
 
diff --git a/src/themes/HighContrastInverse.css b/src/themes/HighContrastInverse.css
index 75a0bd4f..73450c23 100644
--- a/src/themes/HighContrastInverse.css
+++ b/src/themes/HighContrastInverse.css
@@ -239,6 +239,12 @@ tabbar tab:checked .tab-close-button-scrim:dir(ltr) { background: linear-gradien
 
 tabbar tab:checked .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(32, 32, 32, 
0), #202020 18px); }
 
+tabbar tab:checked:hover { background-color: #282828; }
+
+tabbar tab:checked:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(40, 
40, 40, 0), #282828 18px); }
+
+tabbar tab:checked:hover .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(40, 
40, 40, 0), #282828 18px); }
+
 tabbar tab:hover { background-color: #353535; }
 
 tabbar tab:hover .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(53, 53, 53, 
0), #353535 18px); }
@@ -273,11 +279,11 @@ tabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { border-left-width:
 
 tabbar .start-action:dir(rtl) > *, tabbar .end-action:dir(ltr) > * { margin-left: 1px; }
 
-.tab-drag-icon tab { min-height: 38px; background-color: #353535; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 
0.25), 0 0 0 1px rgba(104, 104, 104, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; }
+.tab-drag-icon tab { min-height: 38px; background-color: #282828; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 
0.25), 0 0 0 1px rgba(104, 104, 104, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); margin: 25px; }
 
-.tab-drag-icon tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(53, 53, 53, 
0), #353535 18px); }
+.tab-drag-icon tab .tab-close-button-scrim:dir(ltr) { background: linear-gradient(to right, rgba(40, 40, 40, 
0), #282828 18px); }
 
-.tab-drag-icon tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(53, 53, 53, 
0), #353535 18px); }
+.tab-drag-icon tab .tab-close-button-scrim:dir(rtl) { background: linear-gradient(to left, rgba(40, 40, 40, 
0), #282828 18px); }
 
 tabbar tab .tab-contents, .tab-drag-icon tab .tab-contents { padding: 6px; }
 
diff --git a/src/themes/_Adwaita-base.scss b/src/themes/_Adwaita-base.scss
index e8d8547d..0e88ffb8 100644
--- a/src/themes/_Adwaita-base.scss
+++ b/src/themes/_Adwaita-base.scss
@@ -338,7 +338,7 @@ window.csd.unified:not(.solid-csd):not(.fullscreen) {
 
 /* FIXME this should be inlined after we finalize the colors */
 
-$tab_selected_bg:           darken(darken($bg_color, 10%), 2%);
+$tab_selected_bg:           darken($bg_color, 6%);
 $tab_selected_bg_backdrop:  $bg_color;
 
 @if $variant == 'dark' {
@@ -351,7 +351,8 @@ $tab_bg_backdrop:           darken($tab_selected_bg_backdrop, 6%);
 $tab_bar_bg:                darken($tab_selected_bg, 9%);
 $tab_bar_bg_backdrop:       darken($tab_selected_bg_backdrop, 9%);
 
-$tab_hover_bg:              lighten($tab_selected_bg, 5%);
+$tab_hover_bg:              lighten($tab_bg, 3%);
+$tab_selected_hover_bg:     lighten($tab_selected_bg, 3%);
 
 @if $variant == 'dark' {
   $tab_bg:                  darken($tab_selected_bg, 3%);
@@ -478,6 +479,10 @@ tabbar {
 
     &:checked {
       @include tab-background($tab_selected_bg);
+
+      &:hover {
+        @include tab-background($tab_selected_hover_bg);
+      }
     }
 
     &:hover {
@@ -538,7 +543,7 @@ tabbar {
 .tab-drag-icon {
   tab {
     min-height: 38px;
-    @include tab-background($tab_hover_bg);
+    @include tab-background($tab_selected_hover_bg);
 
     $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1));

[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]