From 95ff2b4cf1beb255ebd06f39a28df8a5cf617848 Mon Sep 17 00:00:00 2001 From: Sai Kurogetsu Date: Mon, 4 Dec 2017 19:11:43 +0000 Subject: [PATCH] fix URL bar's background and shadow --- ui/theme-dark.css | 4 ++-- ui/theme-light.css | 2 +- ui/theme.css | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/ui/theme-dark.css b/ui/theme-dark.css index 00eca7e..6263ee7 100644 --- a/ui/theme-dark.css +++ b/ui/theme-dark.css @@ -29,9 +29,9 @@ --gnome-headerbar-button-disabled-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(238, 238, 236, .1); /* URL bar */ - --gnome-urlbar-bgcolor: #2c2c2c; + --gnome-urlbar-bgimage: linear-gradient(rgb(28, 31, 31), rgb(35, 37, 37) 3px, rgb(41, 41, 41) 90%); --gnome-urlbar-border: 1px solid #1e2222; - --gnome-urlbar-box-shadow: none; + --gnome-urlbar-box-shadow: 0 0 0 1px rgba(33, 93, 156, 0) inset, 0 1px rgba(238, 238, 236, .1); --gnome-urlbar-height: 32px; /* Tab bar */ diff --git a/ui/theme-light.css b/ui/theme-light.css index 9c2fe3e..7fd33a9 100644 --- a/ui/theme-light.css +++ b/ui/theme-light.css @@ -29,7 +29,7 @@ --gnome-headerbar-button-disabled-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0); /* URL bar */ - --gnome-urlbar-bgcolor: #fff; + --gnome-urlbar-bgimage: linear-gradient(rgb(222, 222, 222), rgb(248, 248, 248) 3px, rgb(255, 255, 255) 90%); --gnome-urlbar-border: 1px solid rgb(161, 161, 161); --gnome-urlbar-box-shadow: 0 0 0 1px rgba(74, 144, 217, 0) inset, 0 1px #fff; --gnome-urlbar-height: 32px; diff --git a/ui/theme.css b/ui/theme.css index a85925c..216efd5 100644 --- a/ui/theme.css +++ b/ui/theme.css @@ -249,14 +249,14 @@ tabbrowser tabpanels { /* URL bar */ #urlbar { - background-color: var(--gnome-urlbar-bgcolor) !important; + background-image: var(--gnome-urlbar-bgimage) !important; border: var(--gnome-urlbar-border) !important; border-radius: 3px; box-shadow: var(--gnome-urlbar-box-shadow) !important; height: var(--gnome-urlbar-height); } #urlbar .urlbar-textbox-container { - background-color: var(--gnome-urlbar-bgcolor); + background-image: var(--gnome-urlbar-bgimage); } .urlbar-icon:hover, .urlbar-icon-wrapper:hover,