Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
FogNetwork
GitHub Repository: FogNetwork/Tsunami
 Path: blob/main/public/css/appearance.css
1036 views
1
@media (prefers-color-scheme: dark) {

2
body[appearance="default"] {

3
--light-text: white;

4
--dark-text: black;

5
--highlight: #2493ff;

6
--bg-main: #121212;

7
--placeholder: #666666;

8
--border: #5f6368;

9
--font-main: Roboto;

10
--font-title: Quicksand;

11
}

12
}

13


14
@media (prefers-color-scheme: light) {

15
body[appearance="default"] {

16
--light-text: black;

17
--dark-text: white;

18
--highlight: #2493ff;

19
--bg-main: white;

20
--placeholder: #666666;

21
--border: #5f6368;

22
--font-main: Roboto;

23
--font-title: Quicksand;

24
}

25
}

26


27
body[appearance="dark"] {

28
--light-text: white;

29
--dark-text: black;

30
--highlight: #2493ff;

31
--bg-main: #121212;

32
--placeholder: #666666;

33
--border: #5f6368;

34
--font-main: Roboto;

35
--font-title: Quicksand;

36
}

37


38
body[appearance="light"] {

39
--light-text: black;

40
--dark-text: white;

41
--highlight: #2493ff;

42
--bg-main: white;

43
--placeholder: #666666;

44
--border: #5f6368;

45
--font-main: Roboto;

46
--font-title: Quicksand;

47
}

48


49
body[appearance="lime"] {

50
--light-text: white;

51
--dark-text: black;

52
--highlight: lime;

53
--bg-main: #181c19;

54
--placeholder: #666666;

55
--border: #5f6368;

56
--font-main: Roboto;

57
--font-title: Quicksand;

58
}

59


60
body[appearance="space"] {

61
--light-text: white;

62
--dark-text: black;

63
--highlight: #7f00ff;

64
--bg-main: black;

65
--placeholder: #666666;

66
--border: #5f6368;

67
--font-main: Roboto;

68
--font-title: Quicksand;

69
}

70


71
body[appearance="molten"] {

72
--light-text: white;

73
--dark-text: black;

74
--highlight: #ff6868;

75
--bg-main: black;

76
--placeholder: #666666;

77
--border: #5f6368;

78
--font-main: Roboto;

79
--font-title: Quicksand;

80
}

81


82
body[appearance="eagle"] {

83
--light-text: white;

84
--dark-text: black;

85
--highlight: #4d004d;

86
--bg-main: linear-gradient(to top right, #2ac5f7, #b128ff);

87
--bg-secondary: linear-gradient(to right, #665fd2, #9824d3);

88
--placeholder: lightgray;

89
--border: white;

90
--font-main: Roboto;

91
--font-title: Quicksand;

92
background-attachment: fixed;

93
}

94


95
body[appearance="eagle"] .navbar {

96
background: var(--bg-secondary);

97
}

98


99
body[appearance="eagle"] #suggestions {

100
background: var(--bg-secondary);

101
}

102


103
body[appearance="retro"] {

104
--light-text: white;

105
--dark-text: white;

106
--highlight: #009600;

107
--bg-main: black;

108
--placeholder: #666666;

109
--border: #5f6368;

110
--font-main: Ubuntu Mono;

111
--font-title: Ubuntu Mono;

112
}

113


114
body[appearance="retro"] #suggestions {

115
height: 240px;

116
}

117


118
body[appearance="retro"] .searchicon {

119
top: 375px;

120
}

121


122
body[appearance="forest"] {

123
--light-text: white;

124
--dark-text: black;

125
--highlight: #004953;

126
--bg-main: #191919;

127
--placeholder: #666666;

128
--border: #004953;

129
--font-main: Raleway;

130
--font-title: Raleway;

131
}

132


133
body[appearance="midnight"] {

134
--light-text: white;

135
--dark-text: black;

136
--highlight: #4B0082;

137
--bg-main: #150025;

138
--placeholder: #666666;

139
--border: #5f6368;

140
--font-main: Roboto;

141
--font-title: Quicksand;

142
}

143


144
body[appearance="lava"] {

145
--light-text: white;

146
--dark-text: black;

147
--highlight: #ff001f;

148
--bg-main: #1d0003;

149
--placeholder: #666666;

150
--border: #5f6368;

151
--font-main: Roboto;

152
--font-title: Montserrat;

153
}

154