diff --git a/vivaldi/Mods/CSS/custom.css b/vivaldi/Mods/CSS/custom.css index a80a531..f537111 100755 --- a/vivaldi/Mods/CSS/custom.css +++ b/vivaldi/Mods/CSS/custom.css @@ -19,17 +19,17 @@ /* Skinnier statusbar */ #browser footer .toolbar-statusbar { - height: 20px; + height: 20px; } #browser footer .toolbar-statusbar button { - height: 19px; + height: 20px; + width: 100%; } #browser footer .toolbar-statusbar .override.button-icon { - width: 100%; height: 100%; } -/* SiteInfo V logo */ +/* SiteInfo V logo */ .SiteInfoButton.internal svg path, .SiteInfoButton.warning svg path { d: path("M10.4 5c-.4-.8 0-1.8 1-2 .7 0 1.5.4 1.6 1.2a1.4 1.4 0 0 1-.2 1l-4 7c-.3.5-.7.8-1.2.8-.6 0-1-.2-1.3-.7L3.8 7.8 2.2 5c-.5-.8 0-2 1-2 .7 0 1 .2 1.4.7l1 2 1 1.4a2 2 0 0 0 1.7 1.5 2.2 2.2 0 0 0 2.3-2V6c0-.3 0-.6-.2-1z"); } @@ -74,12 +74,12 @@ display: none; } -/* AddressField URL scheme part */ +/* AddressField URL scheme part */ .UrlFragment--Lowlight:first-of-type { color: var(--colorFgFadedMost); } -/* AddressField URL host part */ +/* AddressField URL host part */ .UrlFragment-HostFragment-Subdomain, .UrlFragment-HostFragment-Basedomain, .UrlFragment-HostFragment-TLD { color: var(--colorFgIntense) !important; font-weight: bold; diff --git a/vivaldi/Mods/CSS/index.html b/vivaldi/Mods/CSS/index.html index 2b1282d..f5329d1 100644 --- a/vivaldi/Mods/CSS/index.html +++ b/vivaldi/Mods/CSS/index.html @@ -29,7 +29,7 @@
..
-[4.2K Mar 4 11:16] custom.css
+[4.2K Mar 13 10:35] custom.css
[ 704 Nov 25 23:01] find-in-page.css
[2.0K Mar 4 13:31] header.css
[1001 Nov 25 23:01] speed-dials.css
diff --git a/vivaldi/Mods/custom.css b/vivaldi/Mods/custom.css
index 45f5bbf..a80a531 100755
--- a/vivaldi/Mods/custom.css
+++ b/vivaldi/Mods/custom.css
@@ -5,15 +5,27 @@
.vivaldi-v svg, .vivaldi-horizontal-icon svg {background: radial-gradient(white, white 50%, transparent 50%); fill: #383838;}
/* Skinnier mainbar */
-.toolbar-mainbar,
-.toolbar-mainbar .button-toolbar button,
-.toolbar-mainbar .toolbar-extensions,
-.toolbar-mainbar .toolbar-extensions .button-toolbar button {
- height: 30px;
+.mainbar>.toolbar-mainbar,
+.mainbar>.toolbar-mainbar .button-toolbar button,
+.mainbar>.toolbar-mainbar .toolbar-extensions,
+.mainbar>.toolbar-mainbar .toolbar-extensions .button-toolbar button {
+ height: 30px;
}
-/* Skinnier mainbar fix for BookmarkButton */
-.UrlBar-AddressField .BookmarkButton button {
+/* Skinnier mainbar - fix BookmarkButton focus */
+.toolbar-mainbar .UrlBar-AddressField .BookmarkButton button {
+ height: 100%;
+}
+
+/* Skinnier statusbar */
+#browser footer .toolbar-statusbar {
+ height: 20px;
+}
+#browser footer .toolbar-statusbar button {
+ height: 19px;
+}
+#browser footer .toolbar-statusbar .override.button-icon {
+ width: 100%;
height: 100%;
}
@@ -40,6 +52,20 @@
display: none;
}
+/* Remove panels switch top padding */
+#switch {
+ padding-top: unset;
+}
+
+/* Add drop-shadow to some buttons */
+#switch button img,
+.tab:not(.active) .favicon img,
+.OmniLinkItem-Favicon img,
+.SiteInfoButton-Favicon,
+.item-icon {
+ filter: drop-shadow(0 0 1px white);
+}
+
/* Hide AddressField stuff */
.UrlBar-AddressField .permission-popup.is-blocking,
.UrlBar-AddressField .UrlBar-UrlObfuscationWarning,
@@ -64,6 +90,7 @@
d: path("M10 13l3.634-3.634c.504-.504 1.366-.147 1.366.566v6.137c0 .713-.862 1.07-1.366.566l-3.634-3.634z");
opacity: .5;
}
+
/* Extensions buttons background */
.ExtensionDropdownIcon, .ExtensionIcon {
background-color: var(--colorAccentBg) !important;
@@ -76,23 +103,22 @@
/* Address + Search field icons dimmed */
.toolbar-insideinput button {
- opacity: 0.75;
+ opacity: 0.5;
}
/* Trashcan dimmed */
-.button-toolbar.toggle-trash button {
- transition: opacity 200ms;
- opacity: 0.2;
+.toolbar-tabbar.sync-and-trash-container button {
+ opacity: 0.3;
}
/* Bookmark button fill colour */
-.bookmark-animated-fill {
+.BookmarkButton .bookmark-animated-fill {
fill: var(--colorAccentBgFaded) !important;
}
-/* Panels switch buttons */
-#switch > button.panelbtn img {
- filter: drop-shadow(0 0 1px white);
+/* Bookmark button active opacity */
+.BookmarkButton .button-on {
+ opacity: 1;
}
/* Bookmarks Panel input width */
@@ -112,18 +138,28 @@
/* Unread tabs bold font */
.tab-strip .tab.unread {
- font-weight: bold;
+ font-weight: bold;
}
/* Tab tooltip hide image */
#vivaldi-tooltip .tooltip .tooltip-item .thumbnail-image {
- display: none;
+ display: none;
}
/* Tab tooltip size */
#vivaldi-tooltip .tooltip .tab-group .tooltip-item {
- width: 250px;
- height: auto;
+ width: 250px;
+ height: auto;
+}
+
+/* Dim empty UrlField text colour */
+.UrlField--IsEmpty {
+ color: var(--colorFgFadedMost);
+}
+
+/* Use Highlight colour for settings selected */
+.vivaldi-settings .settings-sidebar .button-category.category-selected {
+ background-color: var(--colorHighlightBgFaded);
}
/* Hide Extension buttons */
diff --git a/vivaldi/Mods/index.html b/vivaldi/Mods/index.html
index 2f452f7..b97c11c 100644
--- a/vivaldi/Mods/index.html
+++ b/vivaldi/Mods/index.html
@@ -30,9 +30,9 @@
..
[ 0 Mar 6 10:15] CSS
-[ 0 Sep 11 0:32] JS
-[3.4K Nov 13 14:59] custom.css
-[1.2K Sep 13 17:47] custom.unused.css
+[ 0 Sep 11 2022] JS
+[4.2K Mar 4 11:16] custom.css
+[1.2K Sep 13 2022] custom.unused.css
[ 974 Feb 9 2022] quick-command-tweaks.css
[ 834 Nov 29 2020] window-panel-tweaks.css