Giszmo/snort
1
0
Fork 0
forked from Kieran/snort
Code Pull Requests Activity

feat: scrollbar styles

Browse Source
This commit is contained in:
Kieran 2023-05-18 10:22:42 +01:00
parent adfd28ded3
commit b65542560c
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
1 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/app/src/index.css
View File

@ -41,6 +41,24 @@
--strike-army-gradient: linear-gradient(to bottom right, #ccff00, #a1c900); --strike-army-gradient: linear-gradient(to bottom right, #ccff00, #a1c900);
} }
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background-color: var(--gray-superdark);
border-radius: 100px;
}
::-webkit-scrollbar-thumb {
background-color: var(--gray);
border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--gray-tertiary);
}
html { html {
scroll-behavior: smooth; scroll-behavior: smooth;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
@ -58,9 +76,9 @@ html.light {
--note-bg: white; --note-bg: white;
--gray: #ccc; --gray: #aaa;
--gray-secondary: #ddd; --gray-secondary: #bbb;
--gray-tertiary: #eee; --gray-tertiary: #ccc;
--gray-superlight: #333; --gray-superlight: #333;
--gray-light: #555; --gray-light: #555;
--gray-dark: #2b2b2b; --gray-dark: #2b2b2b;
@ -94,6 +112,7 @@ code {
body #root > div:not(.page) header { body #root > div:not(.page) header {
padding: 2px 10px; padding: 2px 10px;
} }
@media (min-width: 720px) { @media (min-width: 720px) {
.page { .page {
width: 586px; width: 586px;
@ -616,6 +635,7 @@ button.tall {
0% { 0% {
opacity: 0; opacity: 0;
} }
100% { 100% {
opacity: 1; opacity: 1;
} }