by roundabout, Wednesday, 24 January 2018, 16:10:38 (1516810238), pushed by roundabout, Sunday, 11 May 2025, 13:22:19 (1746969739)
Author identity: nana-4 <hnmaigo@gmail.com>
3278cd53637e9d97b2ffc089ec2765dcf36df13b
parse-sass.sh
@@ -6,19 +6,12 @@ if [ ! "$(which sassc 2> /dev/null)" ]; then
exit 1
fi
_COLOR_VARIANTS=(
''
'-dark'
'-light'
)
_COLOR_VARIANTS=('' '-dark' '-light')
if [ ! -z "${COLOR_VARIANTS:-}" ]; then
IFS=', ' read -r -a _COLOR_VARIANTS <<< "${COLOR_VARIANTS:-}"
fi
_SIZE_VARIANTS=(
''
'-compact'
)
_SIZE_VARIANTS=('' '-compact')
if [ ! -z "${SIZE_VARIANTS:-}" ]; then
IFS=', ' read -r -a _SIZE_VARIANTS <<< "${SIZE_VARIANTS:-}"
fi
@@ -42,3 +35,6 @@ for color in "${_COLOR_VARIANTS[@]}"; do
done
done
done
sassc $SASSC_OPT src/chrome/chrome-scrollbar/scrollbars.{scss,css}
sassc $SASSC_OPT src/chrome/chrome-scrollbar-dark/scrollbars.{scss,css}
src/_sass/chrome/_scrollbars.scss
@@ -0,0 +1,45 @@
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid $border_color;
background-color: rgba($base_color, 0.9);
background-clip: $extra_background_clip;
}
::-webkit-scrollbar:horizontal,
::-webkit-scrollbar-corner {
border-top-width: 1px;
}
::-webkit-scrollbar:vertical,
::-webkit-scrollbar-corner {
border-left-width: 1px;
}
::-webkit-scrollbar-thumb {
width: 32px;
height: 32px;
border: 4px solid transparent;
border-radius: 8px;
background-color: $hint_fg_color;
background-clip: padding-box;
&:horizontal {
border-top-width: 5px;
border-top-left-radius: 8px 9px;
border-top-right-radius: 8px 9px;
}
&:vertical {
border-left-width: 5px;
border-top-left-radius: 9px 8px;
border-bottom-left-radius: 9px 8px;
}
&:hover { background-color: $secondary_fg_color; }
&:active { background-color: $fg_color; }
&:disabled { background-color: $disabled_secondary_fg_color; }
}
src/chrome/chrome-scrollbar-dark/scrollbars.css
@@ -1,51 +1,51 @@
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid rgba(0, 0, 0, 0.26);
background-color: rgba(59, 72, 78, 0.9);
background-clip: border-box;
}
::-webkit-scrollbar:horizontal,
::-webkit-scrollbar-corner {
border-top-width: 1px;
}
::-webkit-scrollbar:vertical,
::-webkit-scrollbar-corner {
border-left-width: 1px;
}
::-webkit-scrollbar-thumb {
width: 32px;
height: 32px;
border: 4px solid transparent;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.5);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:horizontal {
border-top-width: 5px;
border-top-left-radius: 8px 9px;
border-top-right-radius: 8px 9px;
}
::-webkit-scrollbar-thumb:vertical {
border-left-width: 5px;
border-top-left-radius: 9px 8px;
border-bottom-left-radius: 9px 8px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(255, 255, 255, 0.7);
}
::-webkit-scrollbar-thumb:active {
background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb:disabled {
background-color: rgba(255, 255, 255, 0.3);
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid rgba(0, 0, 0, 0.26);
background-color: rgba(59, 72, 78, 0.9);
background-clip: border-box;
}
::-webkit-scrollbar:horizontal,
::-webkit-scrollbar-corner {
border-top-width: 1px;
}
::-webkit-scrollbar:vertical,
::-webkit-scrollbar-corner {
border-left-width: 1px;
}
::-webkit-scrollbar-thumb {
width: 32px;
height: 32px;
border: 4px solid transparent;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.5);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:horizontal {
border-top-width: 5px;
border-top-left-radius: 8px 9px;
border-top-right-radius: 8px 9px;
}
::-webkit-scrollbar-thumb:vertical {
border-left-width: 5px;
border-top-left-radius: 9px 8px;
border-bottom-left-radius: 9px 8px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(255, 255, 255, 0.7);
}
::-webkit-scrollbar-thumb:active {
background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb:disabled {
background-color: rgba(255, 255, 255, 0.3);
}
src/chrome/chrome-scrollbar-dark/scrollbars.scss
@@ -0,0 +1,7 @@
$variant: 'dark';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gtk/variables';
@import '../../_sass/colors';
@import '../../_sass/chrome/scrollbars';
src/chrome/chrome-scrollbar/scrollbars.css
@@ -1,51 +1,51 @@
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid rgba(0, 0, 0, 0.12);
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
}
::-webkit-scrollbar:horizontal,
::-webkit-scrollbar-corner {
border-top-width: 1px;
}
::-webkit-scrollbar:vertical,
::-webkit-scrollbar-corner {
border-left-width: 1px;
}
::-webkit-scrollbar-thumb {
width: 32px;
height: 32px;
border: 4px solid transparent;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.38);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:horizontal {
border-top-width: 5px;
border-top-left-radius: 8px 9px;
border-top-right-radius: 8px 9px;
}
::-webkit-scrollbar-thumb:vertical {
border-left-width: 5px;
border-top-left-radius: 9px 8px;
border-bottom-left-radius: 9px 8px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.54);
}
::-webkit-scrollbar-thumb:active {
background-color: rgba(0, 0, 0, 0.87);
}
::-webkit-scrollbar-thumb:disabled {
background-color: rgba(0, 0, 0, 0.26);
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid rgba(0, 0, 0, 0.12);
background-color: rgba(255, 255, 255, 0.9);
background-clip: padding-box;
}
::-webkit-scrollbar:horizontal,
::-webkit-scrollbar-corner {
border-top-width: 1px;
}
::-webkit-scrollbar:vertical,
::-webkit-scrollbar-corner {
border-left-width: 1px;
}
::-webkit-scrollbar-thumb {
width: 32px;
height: 32px;
border: 4px solid transparent;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.38);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:horizontal {
border-top-width: 5px;
border-top-left-radius: 8px 9px;
border-top-right-radius: 8px 9px;
}
::-webkit-scrollbar-thumb:vertical {
border-left-width: 5px;
border-top-left-radius: 9px 8px;
border-bottom-left-radius: 9px 8px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.54);
}
::-webkit-scrollbar-thumb:active {
background-color: rgba(0, 0, 0, 0.87);
}
::-webkit-scrollbar-thumb:disabled {
background-color: rgba(0, 0, 0, 0.26);
}
src/chrome/chrome-scrollbar/scrollbars.scss
@@ -0,0 +1,7 @@
$variant: 'light';
$titlebar: 'dark';
$compact: 'false';
@import '../../_sass/gtk/variables';
@import '../../_sass/colors';
@import '../../_sass/chrome/scrollbars';