kayprish/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🎨 ux(browser): update chrome css to include a different background image and some fixes

Browse source
This commit is contained in:
Sergio Laín 2024-05-02 21:40:26 +02:00
parent 22012beb1b
commit 32cab1cbb2
No known key found for this signature in database
GPG key ID: 14C9B8080681777B
3 changed files with 15 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
.config/browser/chrome/arch-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 287 KiB

BIN
.config/browser/chrome/night-lake.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 210 KiB

34
.config/browser/chrome/userChrome.css
View file

@ -9,28 +9,16 @@
/*------------------------------------------------*/ /*------------------------------------------------*/
/* Background Color */ /* Background Color */
@media (prefers-color-scheme: dark) { #browser {
#tabbrowser-tabbox, background-image: url(arch-logo.png) !important;
#tabbrowser-tabpanels,
#browser,
#appcontent {
background-image: url(night-lake.jpg) !important;
background-size: cover !important; background-size: cover !important;
background-position: center !important; background-position: center !important;
}
} }
@media (prefers-color-scheme: light) {
#navigator-toolbox, #tabbrowser-tabpanels,
#sidebar-box, #appcontent,
#tabbrowser-tabbox, #tabbrowser-tabbox {
#tabbrowser-tabpanels, background: none !important;
#browser,
#appcontent,
#sidebar-select-box,
.browser-sidebar2,
tab.tabbrowser-tab * {
background-color: #e6e6e6 !important;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -673,7 +661,7 @@ tab,
/* Expand Side bar on hover */ /* Expand Side bar on hover */
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] { #sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
--sidebar-width: 40px; --sidebar-width: 69px;
--sidebar-hover-width: 350px; --sidebar-hover-width: 350px;
background: none !important; background: none !important;
position: relative; position: relative;
@ -789,7 +777,7 @@ tab,
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
#sidebar2-box browser { #sidebar2-box browser {
border-radius: 15px !important; border-radius: 15px !important;
margin: 10px 10px 10px 0px !important; margin: 3px 10px 10px 0px !important;
border: 3px solid rgba(0, 0, 0, 0); border: 3px solid rgba(0, 0, 0, 0);
transition: border 0.3s ease; transition: border 0.3s ease;
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
@ -801,6 +789,10 @@ tab,
} }
} }
.browser-sidebar2 {
background: none !important;
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
#sidebar2-box browser { #sidebar2-box browser {
border-radius: 15px !important; border-radius: 15px !important;