diff --git a/styles/styles.css b/styles/styles.css index 3532bc9..8e3d08a 100755 --- a/styles/styles.css +++ b/styles/styles.css @@ -10,6 +10,8 @@ body { background-attachment: fixed; color: #d3d3d3; font-family: 'Montserrat', sans-serif; + overflow-y: overlay; + width: calc(100vw) - 10px; } .rise { @@ -31,7 +33,7 @@ body { font-family: 'Nunito', sans-serif; margin: 0 0; z-index: 1; - animation: shine 5s linear infinite; + animation: shine 5s linear infinite; background: linear-gradient(to right, #5d60ca 20%, #171717 35%, #171717 35%, #5d60ca 50%, #5d60ca 50%, #af2188 75%, #5d60ca 90%); background-size: 200% auto; color: #5d60ca; @@ -57,4 +59,22 @@ body { -webkit-app-region: drag; } -.nosel {-webkit-user-select: none;} \ No newline at end of file +.nosel {-webkit-user-select: none;} + + +::-webkit-scrollbar-track { + background-color: #00000000; + border-radius: 10px; +} + +::-webkit-scrollbar { + width: 10px; + background-color: #00000000; +} + +::-webkit-scrollbar-thumb { + border-radius: 10px; + background-image: linear-gradient(to bottom, #af2188c5 0%, #af2188c5 10%, #fa59cfc5 75%, #fa59cfc5 100%); +} + +::-webkit-scrollbar-thumb:hover {background-image: linear-gradient(to bottom, #af2188ff 0%, #af2188ff 10%, #fa59cfff 75%, #fa59cfff 100%);} \ No newline at end of file diff --git a/styles/toast.css b/styles/toast.css index 3bf1831..16500d4 100755 --- a/styles/toast.css +++ b/styles/toast.css @@ -22,7 +22,7 @@ #toast-container { position: fixed; top: 34px; - right: 10px; + right: 15px; display: flex; flex-direction: column-reverse; align-items: flex-end;