A soothing dark theme for Leaflet based on Catppuccin Macchiato. [Click here to install](https://tangled.org/strings/metru.dev/3mpte7va4gg22/raw#.user.css)
0
leaflet-catppuccin-macchiato.user.css
edited
1/* ==UserStyle==
2@name Catppuccin Macchiato - Leaflet
3@namespace metru.dev
4@version 1.0.0
5@description A soothing dark theme for Leaflet based on Catppuccin Macchiato
6@author metru.dev
7@preprocessor default
8==/UserStyle== */
9
10@-moz-document domain("leaflet.pub") {
11 :root,
12 .leafletWrapper,
13 .LeafletBackgroundWrapper,
14 .PubBackgroundWrapper,
15 .dashboard {
16 --bg-leaflet: 24, 25, 38 !important;
17 --bg-page: 36, 39, 58 !important;
18 --bg-page-alpha: 1 !important;
19 --primary: 202, 211, 245 !important;
20 --accent-1: 198, 160, 246 !important;
21 --accent-2: 24, 25, 38 !important;
22 --accent-contrast: 198, 160, 246 !important;
23 --accent-1-is-contrast: "true" !important;
24 --accent-contrast-similar-to-text: 1 !important;
25 --link-underline: underline !important;
26 --highlight-1: 244, 219, 214 !important;
27 --highlight-2: 238, 212, 159 !important;
28 --highlight-3: 245, 169, 127 !important;
29 }
30
31 ::selection {
32 background-color: rgba(198, 160, 246, 0.35) !important;
33 }
34
35 ::-webkit-scrollbar-thumb {
36 background: rgb(91, 96, 120) !important;
37 border-radius: 4px !important;
38 }
39
40 ::-webkit-scrollbar-track {
41 background: transparent !important;
42 }
43
44 ::-webkit-calendar-picker-indicator {
45 background-color: rgb(147, 154, 183) !important;
46 opacity: 0.8 !important;
47 }
48}