Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 03:53:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

change chroma horizontal scrollbar styles

Browse Source 
Again, the chroma (dark and light) horizontal scrollbar looks pretty
awful in Firefox. In order to make them to look consistent in both,
Chromium and Firefox, this changed has been introduced.
This commit is contained in:
k 2021-06-14 06:29:55 -05:00
parent 58e8fadafe
commit bd6ef236ce
2 changed files with 41 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
assets/scss/partials/highlight/dark.scss
View File

@ -6,7 +6,26 @@
/* Background */
.chroma {
color: #f8f8f2;
background-color: #272822
background-color: #272822;
/* scrollbar styles for Firefox */
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb) #272822;
/**/
/* scrollbar styles for Chromium */
&::-webkit-scrollbar {
height: auto;
}
&::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
}
&::-webkit-scrollbar-track {
background-color: #272822;
}
/**/
}
/* Other */
@ -381,4 +400,4 @@
.chroma .gl {}
/* TextWhitespace */
.chroma .w {}
.chroma .w {}

21
assets/scss/partials/highlight/light.scss
View File

@ -7,6 +7,25 @@
.chroma {
color: #272822;
background-color: #fafafa;
/* scrollbar styles for Firefox */
scrollbar-width: auto;
scrollbar-color: var(--scrollbar-thumb) #fafafa;
/**/
/* scrollbar styles for Chromium */
&::-webkit-scrollbar {
height: auto;
}
&::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
}
&::-webkit-scrollbar-track {
background-color: #fafafa;
}
/**/
}
/* Other */
@ -403,4 +422,4 @@
.chroma .gl {}
/* TextWhitespace */
.chroma .w {}
.chroma .w {}