VesperOS/Colloid-gtk-theme
6
0
Fork 0
mirror of https://github.com/vinceliuice/Colloid-gtk-theme.git synced 2026-07-14 10:10:19 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fixed firefox theme issues

Browse Source
This commit is contained in:
vinceliuice
2023-03-04 03:17:46 +08:00
parent 8e493d78a5
commit 6fb5bf53ee
2 changed files with 41 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/other/firefox/chrome/Colloid/parts/tabsbar.css
+24 -12
View File
@@ -81,24 +81,32 @@ tab > stack {
display: none;
}
#tabbrowser-tabs[movingtab=true] #tabbrowser-arrowscrollbox::after {
#tabbrowser-tabs[movingtab=true] #tabbrowser-arrowscrollbox::after {
bottom: unset;
top: 38px;
}
/* Tab separators */
.tabbrowser-tab:not([selected], :hover, [last-visible-tab="true"], [beforeselected-visible="true"], [beforehovered="true"])::after {
content: "";
display: block;
border-left: 1px solid var(--gnome-toolbar-border-color) !important;
/* height: 26px;*/
position: absolute;
top: 10px;
bottom: 10px;
/* Tabs separators */
.tabbrowser-tab {
border-width: 1px !important;
border-left: 1px solid transparent !important;
}
.tabbrowser-tab::after {
right: -1px;
.tabbrowser-tab + .tabbrowser-tab:not([selected], :hover) {
border-image: linear-gradient(
to bottom,
transparent 0,
transparent 20%,
var(--gnome-tabbar-tab-border-color) 20%,
var(--gnome-tabbar-tab-border-color) 80%,
transparent 80%,
transparent 100%) 1 !important;
}
.tabbrowser-tab[selected] + .tabbrowser-tab,
.tabbrowser-tab:hover + .tabbrowser-tab,
.tabbrowser-tab[pinned] + .tabbrowser-tab {
border-image: none !important;
}
/* Space between tabs */
@@ -108,6 +116,10 @@ tab > stack {
padding: 3px 2px 3px !important;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 6px !important;
}
/* Tab labels */
tab {
color: var(--gnome-toolbar-color) !important;
src/sass/gtk/apps/_gnome-3.0.scss
+17 -8
View File
@@ -813,7 +813,7 @@ window.background.csd.unified {
/*************
* Rhythmbox *
*************/
%image-button {
%rhythmbox-image-button {
min-height: 24px;
min-width: 24px;
padding: ($medium-size - 24px) / 2;
@@ -860,7 +860,7 @@ window.solid-csd > box.vertical > box.vertical {
> toolitem > .linked > button,
> toolitem > box.horizontal > button {
@extend %circular-button;
@extend %image-button;
@extend %rhythmbox-image-button;
}
}
@@ -877,21 +877,30 @@ window.solid-csd > box.vertical > box.vertical {
window.background > box.vertical > toolbar.primary-toolbar {
> toolitem {
> .linked > button.image-button.raised { // 'shuffle/repeat'
@extend %circular-button;
@extend %image-button;
// @extend %circular-button;
// @extend %rhythmbox-image-button;
@include button(normal);
> widget > box > image { padding: 0; }
&:hover { @include button(hover); }
&:active { @include button(active); }
&:disabled { @include button(disabled); }
&:checked { @include button(checked); }
> widget > box > image { padding: 0 3px; }
}
button.flat.scale { // 'volume'
@extend %circular-button;
@extend %image-button;
// @extend %circular-button;
@extend %rhythmbox-image-button;
}
> box.horizontal:not(.linked) > button.toggle,
> .linked > button:not(.toggle):not(.raised):not(.flat) {
@extend %circular-button;
@extend %image-button;
@extend %rhythmbox-image-button;
}
}
}