Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
pterodactyl
GitHub Repository: pterodactyl/panel
Path: blob/1.0-develop/resources/scripts/assets/css/GlobalStylesheet.ts
10292 views
1
import tw from 'twin.macro';
2
import { createGlobalStyle } from 'styled-components/macro';
3
// @ts-expect-error untyped font file
4
import font from '@fontsource-variable/ibm-plex-sans/files/ibm-plex-sans-latin-wght-normal.woff2';
5
6
export default createGlobalStyle`
7
@font-face {
8
font-family: 'IBM Plex Sans';
9
font-style: normal;
10
font-display: swap;
11
font-weight: 100 700;
12
src: url(${font}) format('woff2-variations');
13
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
14
}
15
16
body {
17
${tw`font-sans bg-neutral-800 text-neutral-200`};
18
letter-spacing: 0.015em;
19
}
20
21
h1, h2, h3, h4, h5, h6 {
22
${tw`font-medium tracking-normal font-header`};
23
}
24
25
p {
26
${tw`text-neutral-200 leading-snug font-sans`};
27
}
28
29
form {
30
${tw`m-0`};
31
}
32
33
textarea, select, input, button, button:focus, button:focus-visible {
34
${tw`outline-none`};
35
}
36
37
input[type=number]::-webkit-outer-spin-button,
38
input[type=number]::-webkit-inner-spin-button {
39
-webkit-appearance: none !important;
40
margin: 0;
41
}
42
43
input[type=number] {
44
-moz-appearance: textfield !important;
45
}
46
47
/* Scroll Bar Style */
48
::-webkit-scrollbar {
49
background: none;
50
width: 16px;
51
height: 16px;
52
}
53
54
::-webkit-scrollbar-thumb {
55
border: solid 0 rgb(0 0 0 / 0%);
56
border-right-width: 4px;
57
border-left-width: 4px;
58
-webkit-border-radius: 9px 4px;
59
-webkit-box-shadow: inset 0 0 0 1px hsl(211, 10%, 53%), inset 0 0 0 4px hsl(209deg 18% 30%);
60
}
61
62
::-webkit-scrollbar-track-piece {
63
margin: 4px 0;
64
}
65
66
::-webkit-scrollbar-thumb:horizontal {
67
border-right-width: 0;
68
border-left-width: 0;
69
border-top-width: 4px;
70
border-bottom-width: 4px;
71
-webkit-border-radius: 4px 9px;
72
}
73
74
::-webkit-scrollbar-corner {
75
background: transparent;
76
}
77
`;
78
79