diff options
author | 0neGal <mail@0negal.com> | 2022-06-29 23:29:02 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-29 23:29:02 +0200 |
commit | cbca61d836ee573a469f6339c22c2891cef9428c (patch) | |
tree | 6175a5f57a32a2f3bc90b4d4247444f3dd94ed5f /src/app/css/theming.css | |
parent | 99209092b6ad1079202208833e542201f1197e2d (diff) | |
parent | 0c7f6f438ca530a192577907d3af9a7d95949ef3 (diff) | |
download | Viper-cbca61d836ee573a469f6339c22c2891cef9428c.tar.gz Viper-cbca61d836ee573a469f6339c22c2891cef9428c.zip |
Merge branch 'main' into add-badges
Diffstat (limited to 'src/app/css/theming.css')
-rw-r--r-- | src/app/css/theming.css | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/src/app/css/theming.css b/src/app/css/theming.css new file mode 100644 index 0000000..2d45b1d --- /dev/null +++ b/src/app/css/theming.css @@ -0,0 +1,62 @@ +/* + the only reason some of these properties have an !important property + is for it to overwrite Thunderstore's CSS in the preview <webview> +*/ + +:root { + --red: 199, 119, 127 !important; + --red2: 181 97 105; + + --blue: 129, 161, 193; + --blue2: 139, 143, 185; + + --orange: 213, 151, 131; + --orange2: 197 129 107; + + + --padding: 25px; + + --bg: rgba(0, 0, 0, 0.5); + --selbg: rgba(80, 80, 80, 0.5); + --redbg: linear-gradient(45deg, rgb(var(--red)), #FA4343); + --bluebg: linear-gradient(45deg, rgb(var(--blue)), #7380ED); +} + +body, button, input { + font-family: "Roboto", sans-serif !important; +} + +body, button, img, a { + user-select: none; + -webkit-user-drag: none; +} + +a { + text-decoration: none !important; + color: rgb(var(--red)) !important; + transition: filter 0.2s ease-in !important; +} + +a:hover { + filter: brightness(80%) !important; +} + + +::-webkit-scrollbar { + width: 8px !important; +} + +::-webkit-scrollbar-track { + border-radius: 10px !important; + background: transparent !important; +} + +::-webkit-scrollbar-thumb { + border-radius: 10px !important; + background: rgb(var(--red)) !important; +} + +::selection { + color: black !important; + background: rgb(var(--red)) !important; +} |