FilesExpand file tree

 main

/

_vars.scss

Copy path

BlameMore file actions

BlameMore file actions

Latest commit

 

History

History

History

74 lines (63 loc) · 2.16 KB

 main

/

_vars.scss

Top

File metadata and controls

• Code
• Blame

74 lines (63 loc) · 2.16 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

html:root {

--_h: 270;

--_s: 20%;

--_hs: var(--_h) var(--_s);

--clr-accent: hsl(var(--_h), 50%, 40%);

--clr-accent-light: hsl(var(--_h), 84%, 72%);

--clr-accent-dark: hsl(var(--_h), 71%, 22%);

--clr-complementary: hsl(90, 50%, 40%);

--clr-href: hsl(var(--_h), 80%, 50%);

--clr-href-visited: hsl(var(--_h), 70%, 22%);

--clr-background: hsl(var(--_hs) 95%);

--clr-background-900: hsl(var(--_hs) 88%);

--clr-background-800: hsl(var(--_hs) 75%);

--clr-background-700: hsl(var(--_hs) 63%);

--clr-foreground: hsl(var(--_hs) 10%);

--clr-foreground-900: hsl(var(--_hs) 13%);

--clr-foreground-800: hsl(var(--_hs) 25%);

--clr-foreground-700: hsl(var(--_hs) 38%);

--clr-disabled-text: hsl(var(--_hs) 50%);

--clr-white: hsl(var(--_hs) 100%);

--clr-black: hsl(var(--_hs) 0%);

--clr-black-light: hsl(var(--_hs) 13%);

--clr-red: hsl(357, 70%, 41%);

--clr-red-dark: hsl(357, 70%, 30%);

--bx-shadow-two-side: 0 0.3125rem 0.625rem hsla(var(--_hs) 0%, 0.2),

-0.3125rem -0.3125rem 0.625rem hsla(var(--_hs) 100%, 0.8);

--table-header: var(--clr-accent-light);

&[data-color-scheme=sunglow] {

--_h: 34;

--_s: 10%;

--clr-complementary: hsl(214, 50%, 40%);

}

&[data-color-scheme=navyocean] {

--_h: 207;

--_s: 10%;

--clr-complementary: hsl(27, 50%, 40%);

}

&[data-color-scheme=embershadow] {

--_h: 5;

--_s: 10%;

--clr-complementary: hsl(210, 40%, 25%);

}

&[data-color-scheme=olivedepths] {

--_h: 140;

--_s: 10%;

--clr-complementary: hsl(20, 50%, 40%);

--clr-href: hsl(var(--_h), 40%, 50%);

}

&[data-theme=dark] {

--clr-href: hsl(var(--_h), 84%, 72%);

--clr-href-visited: hsl(var(--_h), 50%, 40%);

--clr-background: hsl(var(--_hs) 10%);

--clr-background-900: hsl(var(--_hs) 13%);

--clr-background-800: hsl(var(--_hs) 25%);

--clr-background-700: hsl(var(--_hs) 38%);

--clr-foreground: hsl(var(--_hs) 95%);

--clr-foreground-900: hsl(var(--_hs) 88%);

--clr-foreground-800: hsl(var(--_hs) 75%);

--clr-foreground-700: hsl(var(--_hs) 63%);

--bx-shadow-two-side: 0 0.3125rem 0.625rem rgb(0 0 0 / 20%),

-0.3125rem -0.3125rem 0.625rem rgb(58 58 58 / 63%);

}

}