├── dist
    ├── .gitkeep
    ├── catppuccin-latte-red.css
    ├── catppuccin-latte-sky.css
    ├── catppuccin-mocha-red.css
    ├── catppuccin-mocha-sky.css
    ├── catppuccin-latte-blue.css
    ├── catppuccin-latte-pink.css
    ├── catppuccin-latte-teal.css
    ├── catppuccin-mocha-blue.css
    ├── catppuccin-mocha-pink.css
    ├── catppuccin-mocha-teal.css
    ├── catppuccin-latte-green.css
    ├── catppuccin-latte-mauve.css
    ├── catppuccin-latte-peach.css
    ├── catppuccin-mocha-green.css
    ├── catppuccin-mocha-mauve.css
    ├── catppuccin-mocha-peach.css
    ├── catppuccin-latte-maroon.css
    ├── catppuccin-latte-yellow.css
    ├── catppuccin-mocha-maroon.css
    ├── catppuccin-mocha-yellow.css
    ├── catppuccin-frappe-red.css
    ├── catppuccin-frappe-sky.css
    ├── catppuccin-frappe-blue.css
    ├── catppuccin-frappe-pink.css
    ├── catppuccin-frappe-teal.css
    ├── catppuccin-latte-flamingo.css
    ├── catppuccin-latte-lavender.css
    ├── catppuccin-latte-sapphire.css
    ├── catppuccin-mocha-flamingo.css
    ├── catppuccin-mocha-lavender.css
    ├── catppuccin-mocha-sapphire.css
    ├── catppuccin-frappe-green.css
    ├── catppuccin-frappe-mauve.css
    ├── catppuccin-frappe-peach.css
    ├── catppuccin-latte-rosewater.css
    ├── catppuccin-mocha-rosewater.css
    ├── catppuccin-frappe-maroon.css
    ├── catppuccin-frappe-yellow.css
    ├── catppuccin-frappe-flamingo.css
    ├── catppuccin-frappe-lavender.css
    ├── catppuccin-frappe-sapphire.css
    ├── catppuccin-frappe-rosewater.css
    ├── catppuccin-macchiato-red.css
    ├── catppuccin-macchiato-sky.css
    ├── catppuccin-macchiato-blue.css
    ├── catppuccin-macchiato-pink.css
    ├── catppuccin-macchiato-teal.css
    ├── catppuccin-macchiato-green.css
    ├── catppuccin-macchiato-mauve.css
    ├── catppuccin-macchiato-peach.css
    ├── catppuccin-macchiato-maroon.css
    ├── catppuccin-macchiato-yellow.css
    ├── catppuccin-macchiato-flamingo.css
    ├── catppuccin-macchiato-lavender.css
    ├── catppuccin-macchiato-sapphire.css
    ├── catppuccin-macchiato-rosewater.css
    └── catppuccin.css
├── LICENSE
├── README.md
├── generate.php
└── catppuccin-theme-variant.css


/dist/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
 2 | Version 2, December 2004
 3 | 
 4 | Everyone is permitted to copy and distribute verbatim or modified
 5 | copies of this license document, and changing it is allowed as long
 6 | as the name is changed.
 7 | 
 8 |            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
 9 |   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
10 | 
11 |  0. You just DO WHAT THE FUCK YOU WANT TO.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # GoToSocial Catppuccin Themes
 2 | 
 3 | Generates a theme for [GoToSocial](https://github.com/superseriousbusiness/gotosocial) using the excellent [Catppuccin](https://github.com/catppuccin/catppuccin) color themes.
 4 | 
 5 | Take a peek at the [Themes docs](https://docs.gotosocial.org/en/latest/admin/themes/) to install them.
 6 | 
 7 | Short version:
 8 | 
 9 | - Install themes (or themes of choice) from dist in web/assets/themes, with catppuccin.css
10 | - Restart GoToSocial
11 | - Ignore catppuccin.css in the selector


--------------------------------------------------------------------------------
/generate.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | $template = @file_get_contents("catppuccin-theme-variant.css");
 4 | if ($template === false) {
 5 | 	die("Failed to read template file");
 6 | }
 7 | 
 8 | $themes = [
 9 | 	"latte",
10 | 	"frappe",
11 | 	"macchiato",
12 | 	"mocha",
13 | ];
14 | 
15 | $accents = [
16 | 	"rosewater",
17 | 	"flamingo",
18 | 	"pink",
19 | 	"mauve",
20 | 	"red",
21 | 	"maroon",
22 | 	"peach",
23 | 	"yellow",
24 | 	"green",
25 | 	"teal",
26 | 	"sky",
27 | 	"sapphire",
28 | 	"blue",
29 | 	"lavender",
30 | ];
31 | 
32 | foreach ($themes as $theme) {
33 | 	foreach ($accents as $accent) {
34 | 		$css = str_replace("{{THEME}}", $theme, $template);
35 | 		$css = str_replace("{{ACCENT}}", $accent, $css);
36 | 		$filename = "dist/catppuccin-$theme-$accent.css";
37 | 		file_put_contents($filename, $css);
38 | 		echo "Generated $filename\n";
39 | 	}
40 | }


--------------------------------------------------------------------------------
/dist/catppuccin-latte-red.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte red
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-red);
10 | 	--blue2: var(--ctp-latte-red);
11 | 	--blue3: var(--ctp-latte-red);
12 | 	--orange1: var(--ctp-latte-red);
13 | 	--orange2: var(--ctp-latte-red);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-sky.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte sky
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-sky);
10 | 	--blue2: var(--ctp-latte-sky);
11 | 	--blue3: var(--ctp-latte-sky);
12 | 	--orange1: var(--ctp-latte-sky);
13 | 	--orange2: var(--ctp-latte-sky);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-red.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha red
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-red);
10 | 	--blue2: var(--ctp-mocha-red);
11 | 	--blue3: var(--ctp-mocha-red);
12 | 	--orange1: var(--ctp-mocha-red);
13 | 	--orange2: var(--ctp-mocha-red);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-sky.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha sky
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-sky);
10 | 	--blue2: var(--ctp-mocha-sky);
11 | 	--blue3: var(--ctp-mocha-sky);
12 | 	--orange1: var(--ctp-mocha-sky);
13 | 	--orange2: var(--ctp-mocha-sky);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-blue.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte blue
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-blue);
10 | 	--blue2: var(--ctp-latte-blue);
11 | 	--blue3: var(--ctp-latte-blue);
12 | 	--orange1: var(--ctp-latte-blue);
13 | 	--orange2: var(--ctp-latte-blue);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-pink.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte pink
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-pink);
10 | 	--blue2: var(--ctp-latte-pink);
11 | 	--blue3: var(--ctp-latte-pink);
12 | 	--orange1: var(--ctp-latte-pink);
13 | 	--orange2: var(--ctp-latte-pink);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-teal.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte teal
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-teal);
10 | 	--blue2: var(--ctp-latte-teal);
11 | 	--blue3: var(--ctp-latte-teal);
12 | 	--orange1: var(--ctp-latte-teal);
13 | 	--orange2: var(--ctp-latte-teal);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-blue.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha blue
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-blue);
10 | 	--blue2: var(--ctp-mocha-blue);
11 | 	--blue3: var(--ctp-mocha-blue);
12 | 	--orange1: var(--ctp-mocha-blue);
13 | 	--orange2: var(--ctp-mocha-blue);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-pink.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha pink
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-pink);
10 | 	--blue2: var(--ctp-mocha-pink);
11 | 	--blue3: var(--ctp-mocha-pink);
12 | 	--orange1: var(--ctp-mocha-pink);
13 | 	--orange2: var(--ctp-mocha-pink);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-teal.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha teal
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-teal);
10 | 	--blue2: var(--ctp-mocha-teal);
11 | 	--blue3: var(--ctp-mocha-teal);
12 | 	--orange1: var(--ctp-mocha-teal);
13 | 	--orange2: var(--ctp-mocha-teal);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-green.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte green
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-green);
10 | 	--blue2: var(--ctp-latte-green);
11 | 	--blue3: var(--ctp-latte-green);
12 | 	--orange1: var(--ctp-latte-green);
13 | 	--orange2: var(--ctp-latte-green);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-mauve.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte mauve
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-mauve);
10 | 	--blue2: var(--ctp-latte-mauve);
11 | 	--blue3: var(--ctp-latte-mauve);
12 | 	--orange1: var(--ctp-latte-mauve);
13 | 	--orange2: var(--ctp-latte-mauve);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-peach.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte peach
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-peach);
10 | 	--blue2: var(--ctp-latte-peach);
11 | 	--blue3: var(--ctp-latte-peach);
12 | 	--orange1: var(--ctp-latte-peach);
13 | 	--orange2: var(--ctp-latte-peach);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-green.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha green
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-green);
10 | 	--blue2: var(--ctp-mocha-green);
11 | 	--blue3: var(--ctp-mocha-green);
12 | 	--orange1: var(--ctp-mocha-green);
13 | 	--orange2: var(--ctp-mocha-green);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-mauve.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha mauve
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-mauve);
10 | 	--blue2: var(--ctp-mocha-mauve);
11 | 	--blue3: var(--ctp-mocha-mauve);
12 | 	--orange1: var(--ctp-mocha-mauve);
13 | 	--orange2: var(--ctp-mocha-mauve);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-peach.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha peach
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-peach);
10 | 	--blue2: var(--ctp-mocha-peach);
11 | 	--blue3: var(--ctp-mocha-peach);
12 | 	--orange1: var(--ctp-mocha-peach);
13 | 	--orange2: var(--ctp-mocha-peach);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-maroon.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte maroon
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-maroon);
10 | 	--blue2: var(--ctp-latte-maroon);
11 | 	--blue3: var(--ctp-latte-maroon);
12 | 	--orange1: var(--ctp-latte-maroon);
13 | 	--orange2: var(--ctp-latte-maroon);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-yellow.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte yellow
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-yellow);
10 | 	--blue2: var(--ctp-latte-yellow);
11 | 	--blue3: var(--ctp-latte-yellow);
12 | 	--orange1: var(--ctp-latte-yellow);
13 | 	--orange2: var(--ctp-latte-yellow);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-maroon.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha maroon
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-maroon);
10 | 	--blue2: var(--ctp-mocha-maroon);
11 | 	--blue3: var(--ctp-mocha-maroon);
12 | 	--orange1: var(--ctp-mocha-maroon);
13 | 	--orange2: var(--ctp-mocha-maroon);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-yellow.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha yellow
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-yellow);
10 | 	--blue2: var(--ctp-mocha-yellow);
11 | 	--blue3: var(--ctp-mocha-yellow);
12 | 	--orange1: var(--ctp-mocha-yellow);
13 | 	--orange2: var(--ctp-mocha-yellow);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-red.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe red
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-red);
10 | 	--blue2: var(--ctp-frappe-red);
11 | 	--blue3: var(--ctp-frappe-red);
12 | 	--orange1: var(--ctp-frappe-red);
13 | 	--orange2: var(--ctp-frappe-red);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-sky.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe sky
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-sky);
10 | 	--blue2: var(--ctp-frappe-sky);
11 | 	--blue3: var(--ctp-frappe-sky);
12 | 	--orange1: var(--ctp-frappe-sky);
13 | 	--orange2: var(--ctp-frappe-sky);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-blue.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe blue
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-blue);
10 | 	--blue2: var(--ctp-frappe-blue);
11 | 	--blue3: var(--ctp-frappe-blue);
12 | 	--orange1: var(--ctp-frappe-blue);
13 | 	--orange2: var(--ctp-frappe-blue);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-pink.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe pink
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-pink);
10 | 	--blue2: var(--ctp-frappe-pink);
11 | 	--blue3: var(--ctp-frappe-pink);
12 | 	--orange1: var(--ctp-frappe-pink);
13 | 	--orange2: var(--ctp-frappe-pink);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-teal.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe teal
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-teal);
10 | 	--blue2: var(--ctp-frappe-teal);
11 | 	--blue3: var(--ctp-frappe-teal);
12 | 	--orange1: var(--ctp-frappe-teal);
13 | 	--orange2: var(--ctp-frappe-teal);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-flamingo.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte flamingo
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-flamingo);
10 | 	--blue2: var(--ctp-latte-flamingo);
11 | 	--blue3: var(--ctp-latte-flamingo);
12 | 	--orange1: var(--ctp-latte-flamingo);
13 | 	--orange2: var(--ctp-latte-flamingo);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-lavender.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte lavender
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-lavender);
10 | 	--blue2: var(--ctp-latte-lavender);
11 | 	--blue3: var(--ctp-latte-lavender);
12 | 	--orange1: var(--ctp-latte-lavender);
13 | 	--orange2: var(--ctp-latte-lavender);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-sapphire.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte sapphire
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-sapphire);
10 | 	--blue2: var(--ctp-latte-sapphire);
11 | 	--blue3: var(--ctp-latte-sapphire);
12 | 	--orange1: var(--ctp-latte-sapphire);
13 | 	--orange2: var(--ctp-latte-sapphire);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-flamingo.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha flamingo
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-flamingo);
10 | 	--blue2: var(--ctp-mocha-flamingo);
11 | 	--blue3: var(--ctp-mocha-flamingo);
12 | 	--orange1: var(--ctp-mocha-flamingo);
13 | 	--orange2: var(--ctp-mocha-flamingo);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-lavender.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha lavender
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-lavender);
10 | 	--blue2: var(--ctp-mocha-lavender);
11 | 	--blue3: var(--ctp-mocha-lavender);
12 | 	--orange1: var(--ctp-mocha-lavender);
13 | 	--orange2: var(--ctp-mocha-lavender);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-sapphire.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha sapphire
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-sapphire);
10 | 	--blue2: var(--ctp-mocha-sapphire);
11 | 	--blue3: var(--ctp-mocha-sapphire);
12 | 	--orange1: var(--ctp-mocha-sapphire);
13 | 	--orange2: var(--ctp-mocha-sapphire);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-green.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe green
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-green);
10 | 	--blue2: var(--ctp-frappe-green);
11 | 	--blue3: var(--ctp-frappe-green);
12 | 	--orange1: var(--ctp-frappe-green);
13 | 	--orange2: var(--ctp-frappe-green);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-mauve.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe mauve
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-mauve);
10 | 	--blue2: var(--ctp-frappe-mauve);
11 | 	--blue3: var(--ctp-frappe-mauve);
12 | 	--orange1: var(--ctp-frappe-mauve);
13 | 	--orange2: var(--ctp-frappe-mauve);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-peach.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe peach
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-peach);
10 | 	--blue2: var(--ctp-frappe-peach);
11 | 	--blue3: var(--ctp-frappe-peach);
12 | 	--orange1: var(--ctp-frappe-peach);
13 | 	--orange2: var(--ctp-frappe-peach);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-latte-rosewater.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin latte rosewater
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-latte-rosewater);
10 | 	--blue2: var(--ctp-latte-rosewater);
11 | 	--blue3: var(--ctp-latte-rosewater);
12 | 	--orange1: var(--ctp-latte-rosewater);
13 | 	--orange2: var(--ctp-latte-rosewater);
14 | 
15 | 	--gray1: var(--ctp-latte-surface0);
16 | 	--gray2: var(--ctp-latte-surface0);
17 | 	--gray3: var(--ctp-latte-surface1);
18 | 
19 | 	--bg: var(--ctp-latte-base);
20 | 	--bg-accent: var(--ctp-latte-surface0);
21 | 	--fg: var(--ctp-latte-text);
22 | 	--fg-reduced: var(--ctp-latte-text);
23 | 
24 | 	--profile-bg: var(--ctp-latte-surface1);
25 | 	--status-bg: var(--ctp-latte-surface1);
26 | 	--status-focus-bg: var(--ctp-latte-surface1);
27 | 	--status-info-bg: var(--ctp-latte-surface2);
28 | 	--status-focus-info-bg: var(--ctp-latte-surface2);
29 | 
30 | 	--button-fg: var(--ctp-latte-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-latte-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-latte-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-latte-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-latte-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-latte-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-latte-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-mocha-rosewater.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin mocha rosewater
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-mocha-rosewater);
10 | 	--blue2: var(--ctp-mocha-rosewater);
11 | 	--blue3: var(--ctp-mocha-rosewater);
12 | 	--orange1: var(--ctp-mocha-rosewater);
13 | 	--orange2: var(--ctp-mocha-rosewater);
14 | 
15 | 	--gray1: var(--ctp-mocha-surface0);
16 | 	--gray2: var(--ctp-mocha-surface0);
17 | 	--gray3: var(--ctp-mocha-surface1);
18 | 
19 | 	--bg: var(--ctp-mocha-base);
20 | 	--bg-accent: var(--ctp-mocha-surface0);
21 | 	--fg: var(--ctp-mocha-text);
22 | 	--fg-reduced: var(--ctp-mocha-text);
23 | 
24 | 	--profile-bg: var(--ctp-mocha-surface1);
25 | 	--status-bg: var(--ctp-mocha-surface1);
26 | 	--status-focus-bg: var(--ctp-mocha-surface1);
27 | 	--status-info-bg: var(--ctp-mocha-surface2);
28 | 	--status-focus-info-bg: var(--ctp-mocha-surface2);
29 | 
30 | 	--button-fg: var(--ctp-mocha-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-mocha-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-mocha-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-mocha-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-mocha-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-mocha-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-mocha-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-maroon.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe maroon
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-maroon);
10 | 	--blue2: var(--ctp-frappe-maroon);
11 | 	--blue3: var(--ctp-frappe-maroon);
12 | 	--orange1: var(--ctp-frappe-maroon);
13 | 	--orange2: var(--ctp-frappe-maroon);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-yellow.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe yellow
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-yellow);
10 | 	--blue2: var(--ctp-frappe-yellow);
11 | 	--blue3: var(--ctp-frappe-yellow);
12 | 	--orange1: var(--ctp-frappe-yellow);
13 | 	--orange2: var(--ctp-frappe-yellow);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-flamingo.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe flamingo
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-flamingo);
10 | 	--blue2: var(--ctp-frappe-flamingo);
11 | 	--blue3: var(--ctp-frappe-flamingo);
12 | 	--orange1: var(--ctp-frappe-flamingo);
13 | 	--orange2: var(--ctp-frappe-flamingo);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-lavender.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe lavender
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-lavender);
10 | 	--blue2: var(--ctp-frappe-lavender);
11 | 	--blue3: var(--ctp-frappe-lavender);
12 | 	--orange1: var(--ctp-frappe-lavender);
13 | 	--orange2: var(--ctp-frappe-lavender);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-sapphire.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe sapphire
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-sapphire);
10 | 	--blue2: var(--ctp-frappe-sapphire);
11 | 	--blue3: var(--ctp-frappe-sapphire);
12 | 	--orange1: var(--ctp-frappe-sapphire);
13 | 	--orange2: var(--ctp-frappe-sapphire);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-frappe-rosewater.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin frappe rosewater
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-frappe-rosewater);
10 | 	--blue2: var(--ctp-frappe-rosewater);
11 | 	--blue3: var(--ctp-frappe-rosewater);
12 | 	--orange1: var(--ctp-frappe-rosewater);
13 | 	--orange2: var(--ctp-frappe-rosewater);
14 | 
15 | 	--gray1: var(--ctp-frappe-surface0);
16 | 	--gray2: var(--ctp-frappe-surface0);
17 | 	--gray3: var(--ctp-frappe-surface1);
18 | 
19 | 	--bg: var(--ctp-frappe-base);
20 | 	--bg-accent: var(--ctp-frappe-surface0);
21 | 	--fg: var(--ctp-frappe-text);
22 | 	--fg-reduced: var(--ctp-frappe-text);
23 | 
24 | 	--profile-bg: var(--ctp-frappe-surface1);
25 | 	--status-bg: var(--ctp-frappe-surface1);
26 | 	--status-focus-bg: var(--ctp-frappe-surface1);
27 | 	--status-info-bg: var(--ctp-frappe-surface2);
28 | 	--status-focus-info-bg: var(--ctp-frappe-surface2);
29 | 
30 | 	--button-fg: var(--ctp-frappe-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-frappe-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-frappe-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-frappe-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-frappe-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-frappe-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-frappe-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-red.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato red
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-red);
10 | 	--blue2: var(--ctp-macchiato-red);
11 | 	--blue3: var(--ctp-macchiato-red);
12 | 	--orange1: var(--ctp-macchiato-red);
13 | 	--orange2: var(--ctp-macchiato-red);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-sky.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato sky
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-sky);
10 | 	--blue2: var(--ctp-macchiato-sky);
11 | 	--blue3: var(--ctp-macchiato-sky);
12 | 	--orange1: var(--ctp-macchiato-sky);
13 | 	--orange2: var(--ctp-macchiato-sky);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-blue.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato blue
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-blue);
10 | 	--blue2: var(--ctp-macchiato-blue);
11 | 	--blue3: var(--ctp-macchiato-blue);
12 | 	--orange1: var(--ctp-macchiato-blue);
13 | 	--orange2: var(--ctp-macchiato-blue);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-pink.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato pink
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-pink);
10 | 	--blue2: var(--ctp-macchiato-pink);
11 | 	--blue3: var(--ctp-macchiato-pink);
12 | 	--orange1: var(--ctp-macchiato-pink);
13 | 	--orange2: var(--ctp-macchiato-pink);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-teal.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato teal
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-teal);
10 | 	--blue2: var(--ctp-macchiato-teal);
11 | 	--blue3: var(--ctp-macchiato-teal);
12 | 	--orange1: var(--ctp-macchiato-teal);
13 | 	--orange2: var(--ctp-macchiato-teal);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-green.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato green
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-green);
10 | 	--blue2: var(--ctp-macchiato-green);
11 | 	--blue3: var(--ctp-macchiato-green);
12 | 	--orange1: var(--ctp-macchiato-green);
13 | 	--orange2: var(--ctp-macchiato-green);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-mauve.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato mauve
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-mauve);
10 | 	--blue2: var(--ctp-macchiato-mauve);
11 | 	--blue3: var(--ctp-macchiato-mauve);
12 | 	--orange1: var(--ctp-macchiato-mauve);
13 | 	--orange2: var(--ctp-macchiato-mauve);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-peach.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato peach
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-peach);
10 | 	--blue2: var(--ctp-macchiato-peach);
11 | 	--blue3: var(--ctp-macchiato-peach);
12 | 	--orange1: var(--ctp-macchiato-peach);
13 | 	--orange2: var(--ctp-macchiato-peach);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-maroon.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato maroon
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-maroon);
10 | 	--blue2: var(--ctp-macchiato-maroon);
11 | 	--blue3: var(--ctp-macchiato-maroon);
12 | 	--orange1: var(--ctp-macchiato-maroon);
13 | 	--orange2: var(--ctp-macchiato-maroon);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-yellow.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato yellow
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-yellow);
10 | 	--blue2: var(--ctp-macchiato-yellow);
11 | 	--blue3: var(--ctp-macchiato-yellow);
12 | 	--orange1: var(--ctp-macchiato-yellow);
13 | 	--orange2: var(--ctp-macchiato-yellow);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-flamingo.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato flamingo
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-flamingo);
10 | 	--blue2: var(--ctp-macchiato-flamingo);
11 | 	--blue3: var(--ctp-macchiato-flamingo);
12 | 	--orange1: var(--ctp-macchiato-flamingo);
13 | 	--orange2: var(--ctp-macchiato-flamingo);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-lavender.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato lavender
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-lavender);
10 | 	--blue2: var(--ctp-macchiato-lavender);
11 | 	--blue3: var(--ctp-macchiato-lavender);
12 | 	--orange1: var(--ctp-macchiato-lavender);
13 | 	--orange2: var(--ctp-macchiato-lavender);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-sapphire.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato sapphire
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-sapphire);
10 | 	--blue2: var(--ctp-macchiato-sapphire);
11 | 	--blue3: var(--ctp-macchiato-sapphire);
12 | 	--orange1: var(--ctp-macchiato-sapphire);
13 | 	--orange2: var(--ctp-macchiato-sapphire);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/catppuccin-theme-variant.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin {{THEME}} {{ACCENT}}
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-{{THEME}}-{{ACCENT}});
10 | 	--blue2: var(--ctp-{{THEME}}-{{ACCENT}});
11 | 	--blue3: var(--ctp-{{THEME}}-{{ACCENT}});
12 | 	--orange1: var(--ctp-{{THEME}}-{{ACCENT}});
13 | 	--orange2: var(--ctp-{{THEME}}-{{ACCENT}});
14 | 
15 | 	--gray1: var(--ctp-{{THEME}}-surface0);
16 | 	--gray2: var(--ctp-{{THEME}}-surface0);
17 | 	--gray3: var(--ctp-{{THEME}}-surface1);
18 | 
19 | 	--bg: var(--ctp-{{THEME}}-base);
20 | 	--bg-accent: var(--ctp-{{THEME}}-surface0);
21 | 	--fg: var(--ctp-{{THEME}}-text);
22 | 	--fg-reduced: var(--ctp-{{THEME}}-text);
23 | 
24 | 	--profile-bg: var(--ctp-{{THEME}}-surface1);
25 | 	--status-bg: var(--ctp-{{THEME}}-surface1);
26 | 	--status-focus-bg: var(--ctp-{{THEME}}-surface1);
27 | 	--status-info-bg: var(--ctp-{{THEME}}-surface2);
28 | 	--status-focus-info-bg: var(--ctp-{{THEME}}-surface2);
29 | 
30 | 	--button-fg: var(--ctp-{{THEME}}-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-{{THEME}}-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-{{THEME}}-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-{{THEME}}-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-{{THEME}}-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-{{THEME}}-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-{{THEME}}-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin-macchiato-rosewater.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  	theme-title: Catppuccin macchiato rosewater
 3 | 	theme-description: Soothing pastel theme for the high spirited
 4 | */
 5 | 
 6 | @import url('./catppuccin.css');
 7 | 
 8 | :root {
 9 | 	--blue1: var(--ctp-macchiato-rosewater);
10 | 	--blue2: var(--ctp-macchiato-rosewater);
11 | 	--blue3: var(--ctp-macchiato-rosewater);
12 | 	--orange1: var(--ctp-macchiato-rosewater);
13 | 	--orange2: var(--ctp-macchiato-rosewater);
14 | 
15 | 	--gray1: var(--ctp-macchiato-surface0);
16 | 	--gray2: var(--ctp-macchiato-surface0);
17 | 	--gray3: var(--ctp-macchiato-surface1);
18 | 
19 | 	--bg: var(--ctp-macchiato-base);
20 | 	--bg-accent: var(--ctp-macchiato-surface0);
21 | 	--fg: var(--ctp-macchiato-text);
22 | 	--fg-reduced: var(--ctp-macchiato-text);
23 | 
24 | 	--profile-bg: var(--ctp-macchiato-surface1);
25 | 	--status-bg: var(--ctp-macchiato-surface1);
26 | 	--status-focus-bg: var(--ctp-macchiato-surface1);
27 | 	--status-info-bg: var(--ctp-macchiato-surface2);
28 | 	--status-focus-info-bg: var(--ctp-macchiato-surface2);
29 | 
30 | 	--button-fg: var(--ctp-macchiato-crust);
31 | 
32 | 	--boxshadow-border: 0.1rem solid var(--ctp-macchiato-mantle);
33 | }
34 | 
35 | .profile .profile-header {
36 | 	border: var(--box-shadow-border);
37 | }
38 | 
39 | .profile .profile-header .basic-info .namerole .role {
40 | 	border: var(--box-shadow-border);
41 | }
42 | 
43 | .profile .col-header {
44 | 	border: var(--boxshadow-border);
45 | }
46 | 
47 | .profile .about-user .col-header {
48 | 	margin-bottom: initial;
49 | 	border-bottom: none;
50 | 	border-top: var(--boxshadow-border);
51 | 	border-left: var(--boxshadow-border);
52 | 	border-right: var(--boxshadow-border);
53 | }
54 | 
55 | .profile .about-user .fields {
56 | 	border-left: var(--boxshadow-border);
57 | 	border-right: var(--boxshadow-border);
58 | }
59 | 
60 | .profile .about-user .fields .field {
61 | 	border-bottom: 0.1rem solid var(--ctp-macchiato-mantle);
62 | }
63 | 
64 | .profile .about-user .fields .field:first-child {
65 | 	border-top: 0.1rem solid var(--ctp-macchiato-mantle);
66 | }
67 | 
68 | .profile .about-user .bio {
69 | 	border-left: var(--boxshadow-border);
70 | 	border-right: var(--boxshadow-border);
71 | }
72 | 
73 | .profile .about-user .accountstats {
74 | 	border-top: 1px solid var(--ctp-macchiato-mantle);
75 | 	border-bottom: var(--boxshadow-border);
76 | 	border-left: var(--boxshadow-border);
77 | 	border-right: var(--boxshadow-border);
78 | }
79 | 
80 | .status .media .media-wrapper {
81 | 	border: 0.1rem solid var(--ctp-macchiato-mantle);
82 | }
83 | .status .media .media-wrapper details .unknown-attachment .placeholder {
84 | 	color: var(--ctp-macchiato-crust);
85 | }
86 | 


--------------------------------------------------------------------------------
/dist/catppuccin.css:
--------------------------------------------------------------------------------
  1 | :root {
  2 |   --ctp-latte-rosewater: #dc8a78;
  3 |   --ctp-latte-rosewater-rgb: 220 138 120;
  4 |   --ctp-latte-rosewater-hsl: 10.800 58.824% 66.667%;
  5 |   --ctp-latte-flamingo: #dd7878;
  6 |   --ctp-latte-flamingo-rgb: 221 120 120;
  7 |   --ctp-latte-flamingo-hsl: 0.000 59.763% 66.863%;
  8 |   --ctp-latte-pink: #ea76cb;
  9 |   --ctp-latte-pink-rgb: 234 118 203;
 10 |   --ctp-latte-pink-hsl: 316.034 73.418% 69.020%;
 11 |   --ctp-latte-mauve: #8839ef;
 12 |   --ctp-latte-mauve-rgb: 136 57 239;
 13 |   --ctp-latte-mauve-hsl: 266.044 85.047% 58.039%;
 14 |   --ctp-latte-red: #d20f39;
 15 |   --ctp-latte-red-rgb: 210 15 57;
 16 |   --ctp-latte-red-hsl: 347.077 86.667% 44.118%;
 17 |   --ctp-latte-maroon: #e64553;
 18 |   --ctp-latte-maroon-rgb: 230 69 83;
 19 |   --ctp-latte-maroon-hsl: 354.783 76.303% 58.627%;
 20 |   --ctp-latte-peach: #fe640b;
 21 |   --ctp-latte-peach-rgb: 254 100 11;
 22 |   --ctp-latte-peach-hsl: 21.975 99.184% 51.961%;
 23 |   --ctp-latte-yellow: #df8e1d;
 24 |   --ctp-latte-yellow-rgb: 223 142 29;
 25 |   --ctp-latte-yellow-hsl: 34.948 76.984% 49.412%;
 26 |   --ctp-latte-green: #40a02b;
 27 |   --ctp-latte-green-rgb: 64 160 43;
 28 |   --ctp-latte-green-hsl: 109.231 57.635% 39.804%;
 29 |   --ctp-latte-teal: #179299;
 30 |   --ctp-latte-teal-rgb: 23 146 153;
 31 |   --ctp-latte-teal-hsl: 183.231 73.864% 34.510%;
 32 |   --ctp-latte-sky: #04a5e5;
 33 |   --ctp-latte-sky-rgb: 4 165 229;
 34 |   --ctp-latte-sky-hsl: 197.067 96.567% 45.686%;
 35 |   --ctp-latte-sapphire: #209fb5;
 36 |   --ctp-latte-sapphire-rgb: 32 159 181;
 37 |   --ctp-latte-sapphire-hsl: 188.859 69.953% 41.765%;
 38 |   --ctp-latte-blue: #1e66f5;
 39 |   --ctp-latte-blue-rgb: 30 102 245;
 40 |   --ctp-latte-blue-hsl: 219.907 91.489% 53.922%;
 41 |   --ctp-latte-lavender: #7287fd;
 42 |   --ctp-latte-lavender-rgb: 114 135 253;
 43 |   --ctp-latte-lavender-hsl: 230.935 97.203% 71.961%;
 44 |   --ctp-latte-text: #4c4f69;
 45 |   --ctp-latte-text-rgb: 76 79 105;
 46 |   --ctp-latte-text-hsl: 233.793 16.022% 35.490%;
 47 |   --ctp-latte-subtext1: #5c5f77;
 48 |   --ctp-latte-subtext1-rgb: 92 95 119;
 49 |   --ctp-latte-subtext1-hsl: 233.333 12.796% 41.373%;
 50 |   --ctp-latte-subtext0: #6c6f85;
 51 |   --ctp-latte-subtext0-rgb: 108 111 133;
 52 |   --ctp-latte-subtext0-hsl: 232.800 10.373% 47.255%;
 53 |   --ctp-latte-overlay2: #7c7f93;
 54 |   --ctp-latte-overlay2-rgb: 124 127 147;
 55 |   --ctp-latte-overlay2-hsl: 232.174 9.623% 53.137%;
 56 |   --ctp-latte-overlay1: #8c8fa1;
 57 |   --ctp-latte-overlay1-rgb: 140 143 161;
 58 |   --ctp-latte-overlay1-hsl: 231.429 10.048% 59.020%;
 59 |   --ctp-latte-overlay0: #9ca0b0;
 60 |   --ctp-latte-overlay0-rgb: 156 160 176;
 61 |   --ctp-latte-overlay0-hsl: 228.000 11.236% 65.098%;
 62 |   --ctp-latte-surface2: #acb0be;
 63 |   --ctp-latte-surface2-rgb: 172 176 190;
 64 |   --ctp-latte-surface2-hsl: 226.667 12.162% 70.980%;
 65 |   --ctp-latte-surface1: #bcc0cc;
 66 |   --ctp-latte-surface1-rgb: 188 192 204;
 67 |   --ctp-latte-surface1-hsl: 225.000 13.559% 76.863%;
 68 |   --ctp-latte-surface0: #ccd0da;
 69 |   --ctp-latte-surface0-rgb: 204 208 218;
 70 |   --ctp-latte-surface0-hsl: 222.857 15.909% 82.745%;
 71 |   --ctp-latte-base: #eff1f5;
 72 |   --ctp-latte-base-rgb: 239 241 245;
 73 |   --ctp-latte-base-hsl: 220.000 23.077% 94.902%;
 74 |   --ctp-latte-mantle: #e6e9ef;
 75 |   --ctp-latte-mantle-rgb: 230 233 239;
 76 |   --ctp-latte-mantle-hsl: 220.000 21.951% 91.961%;
 77 |   --ctp-latte-crust: #dce0e8;
 78 |   --ctp-latte-crust-rgb: 220 224 232;
 79 |   --ctp-latte-crust-hsl: 220.000 20.690% 88.627%;
 80 | }
 81 | 
 82 | :root {
 83 |   --ctp-frappe-rosewater: #f2d5cf;
 84 |   --ctp-frappe-rosewater-rgb: 242 213 207;
 85 |   --ctp-frappe-rosewater-hsl: 10.286 57.377% 88.039%;
 86 |   --ctp-frappe-flamingo: #eebebe;
 87 |   --ctp-frappe-flamingo-rgb: 238 190 190;
 88 |   --ctp-frappe-flamingo-hsl: 0.000 58.537% 83.922%;
 89 |   --ctp-frappe-pink: #f4b8e4;
 90 |   --ctp-frappe-pink-rgb: 244 184 228;
 91 |   --ctp-frappe-pink-hsl: 316.000 73.171% 83.922%;
 92 |   --ctp-frappe-mauve: #ca9ee6;
 93 |   --ctp-frappe-mauve-rgb: 202 158 230;
 94 |   --ctp-frappe-mauve-hsl: 276.667 59.016% 76.078%;
 95 |   --ctp-frappe-red: #e78284;
 96 |   --ctp-frappe-red-rgb: 231 130 132;
 97 |   --ctp-frappe-red-hsl: 358.812 67.785% 70.784%;
 98 |   --ctp-frappe-maroon: #ea999c;
 99 |   --ctp-frappe-maroon-rgb: 234 153 156;
100 |   --ctp-frappe-maroon-hsl: 357.778 65.854% 75.882%;
101 |   --ctp-frappe-peach: #ef9f76;
102 |   --ctp-frappe-peach-rgb: 239 159 118;
103 |   --ctp-frappe-peach-hsl: 20.331 79.085% 70.000%;
104 |   --ctp-frappe-yellow: #e5c890;
105 |   --ctp-frappe-yellow-rgb: 229 200 144;
106 |   --ctp-frappe-yellow-hsl: 39.529 62.044% 73.137%;
107 |   --ctp-frappe-green: #a6d189;
108 |   --ctp-frappe-green-rgb: 166 209 137;
109 |   --ctp-frappe-green-hsl: 95.833 43.902% 67.843%;
110 |   --ctp-frappe-teal: #81c8be;
111 |   --ctp-frappe-teal-rgb: 129 200 190;
112 |   --ctp-frappe-teal-hsl: 171.549 39.227% 64.510%;
113 |   --ctp-frappe-sky: #99d1db;
114 |   --ctp-frappe-sky-rgb: 153 209 219;
115 |   --ctp-frappe-sky-hsl: 189.091 47.826% 72.941%;
116 |   --ctp-frappe-sapphire: #85c1dc;
117 |   --ctp-frappe-sapphire-rgb: 133 193 220;
118 |   --ctp-frappe-sapphire-hsl: 198.621 55.414% 69.216%;
119 |   --ctp-frappe-blue: #8caaee;
120 |   --ctp-frappe-blue-rgb: 140 170 238;
121 |   --ctp-frappe-blue-hsl: 221.633 74.242% 74.118%;
122 |   --ctp-frappe-lavender: #babbf1;
123 |   --ctp-frappe-lavender-rgb: 186 187 241;
124 |   --ctp-frappe-lavender-hsl: 238.909 66.265% 83.725%;
125 |   --ctp-frappe-text: #c6d0f5;
126 |   --ctp-frappe-text-rgb: 198 208 245;
127 |   --ctp-frappe-text-hsl: 227.234 70.149% 86.863%;
128 |   --ctp-frappe-subtext1: #b5bfe2;
129 |   --ctp-frappe-subtext1-rgb: 181 191 226;
130 |   --ctp-frappe-subtext1-hsl: 226.667 43.689% 79.804%;
131 |   --ctp-frappe-subtext0: #a5adce;
132 |   --ctp-frappe-subtext0-rgb: 165 173 206;
133 |   --ctp-frappe-subtext0-hsl: 228.293 29.496% 72.745%;
134 |   --ctp-frappe-overlay2: #949cbb;
135 |   --ctp-frappe-overlay2-rgb: 148 156 187;
136 |   --ctp-frappe-overlay2-hsl: 227.692 22.286% 65.686%;
137 |   --ctp-frappe-overlay1: #838ba7;
138 |   --ctp-frappe-overlay1-rgb: 131 139 167;
139 |   --ctp-frappe-overlay1-hsl: 226.667 16.981% 58.431%;
140 |   --ctp-frappe-overlay0: #737994;
141 |   --ctp-frappe-overlay0-rgb: 115 121 148;
142 |   --ctp-frappe-overlay0-hsl: 229.091 13.360% 51.569%;
143 |   --ctp-frappe-surface2: #626880;
144 |   --ctp-frappe-surface2-rgb: 98 104 128;
145 |   --ctp-frappe-surface2-hsl: 228.000 13.274% 44.314%;
146 |   --ctp-frappe-surface1: #51576d;
147 |   --ctp-frappe-surface1-rgb: 81 87 109;
148 |   --ctp-frappe-surface1-hsl: 227.143 14.737% 37.255%;
149 |   --ctp-frappe-surface0: #414559;
150 |   --ctp-frappe-surface0-rgb: 65 69 89;
151 |   --ctp-frappe-surface0-hsl: 230.000 15.584% 30.196%;
152 |   --ctp-frappe-base: #303446;
153 |   --ctp-frappe-base-rgb: 48 52 70;
154 |   --ctp-frappe-base-hsl: 229.091 18.644% 23.137%;
155 |   --ctp-frappe-mantle: #292c3c;
156 |   --ctp-frappe-mantle-rgb: 41 44 60;
157 |   --ctp-frappe-mantle-hsl: 230.526 18.812% 19.804%;
158 |   --ctp-frappe-crust: #232634;
159 |   --ctp-frappe-crust-rgb: 35 38 52;
160 |   --ctp-frappe-crust-hsl: 229.412 19.540% 17.059%;
161 | }
162 | 
163 | :root {
164 |   --ctp-macchiato-rosewater: #f4dbd6;
165 |   --ctp-macchiato-rosewater-rgb: 244 219 214;
166 |   --ctp-macchiato-rosewater-hsl: 10.000 57.692% 89.804%;
167 |   --ctp-macchiato-flamingo: #f0c6c6;
168 |   --ctp-macchiato-flamingo-rgb: 240 198 198;
169 |   --ctp-macchiato-flamingo-hsl: 0.000 58.333% 85.882%;
170 |   --ctp-macchiato-pink: #f5bde6;
171 |   --ctp-macchiato-pink-rgb: 245 189 230;
172 |   --ctp-macchiato-pink-hsl: 316.071 73.684% 85.098%;
173 |   --ctp-macchiato-mauve: #c6a0f6;
174 |   --ctp-macchiato-mauve-rgb: 198 160 246;
175 |   --ctp-macchiato-mauve-hsl: 266.512 82.692% 79.608%;
176 |   --ctp-macchiato-red: #ed8796;
177 |   --ctp-macchiato-red-rgb: 237 135 150;
178 |   --ctp-macchiato-red-hsl: 351.176 73.913% 72.941%;
179 |   --ctp-macchiato-maroon: #ee99a0;
180 |   --ctp-macchiato-maroon-rgb: 238 153 160;
181 |   --ctp-macchiato-maroon-hsl: 355.059 71.429% 76.667%;
182 |   --ctp-macchiato-peach: #f5a97f;
183 |   --ctp-macchiato-peach-rgb: 245 169 127;
184 |   --ctp-macchiato-peach-hsl: 21.356 85.507% 72.941%;
185 |   --ctp-macchiato-yellow: #eed49f;
186 |   --ctp-macchiato-yellow-rgb: 238 212 159;
187 |   --ctp-macchiato-yellow-hsl: 40.253 69.912% 77.843%;
188 |   --ctp-macchiato-green: #a6da95;
189 |   --ctp-macchiato-green-rgb: 166 218 149;
190 |   --ctp-macchiato-green-hsl: 105.217 48.252% 71.961%;
191 |   --ctp-macchiato-teal: #8bd5ca;
192 |   --ctp-macchiato-teal-rgb: 139 213 202;
193 |   --ctp-macchiato-teal-hsl: 171.081 46.835% 69.020%;
194 |   --ctp-macchiato-sky: #91d7e3;
195 |   --ctp-macchiato-sky-rgb: 145 215 227;
196 |   --ctp-macchiato-sky-hsl: 188.780 59.420% 72.941%;
197 |   --ctp-macchiato-sapphire: #7dc4e4;
198 |   --ctp-macchiato-sapphire-rgb: 125 196 228;
199 |   --ctp-macchiato-sapphire-hsl: 198.641 65.605% 69.216%;
200 |   --ctp-macchiato-blue: #8aadf4;
201 |   --ctp-macchiato-blue-rgb: 138 173 244;
202 |   --ctp-macchiato-blue-hsl: 220.189 82.813% 74.902%;
203 |   --ctp-macchiato-lavender: #b7bdf8;
204 |   --ctp-macchiato-lavender-rgb: 183 189 248;
205 |   --ctp-macchiato-lavender-hsl: 234.462 82.278% 84.510%;
206 |   --ctp-macchiato-text: #cad3f5;
207 |   --ctp-macchiato-text-rgb: 202 211 245;
208 |   --ctp-macchiato-text-hsl: 227.442 68.254% 87.647%;
209 |   --ctp-macchiato-subtext1: #b8c0e0;
210 |   --ctp-macchiato-subtext1-rgb: 184 192 224;
211 |   --ctp-macchiato-subtext1-hsl: 228.000 39.216% 80.000%;
212 |   --ctp-macchiato-subtext0: #a5adcb;
213 |   --ctp-macchiato-subtext0-rgb: 165 173 203;
214 |   --ctp-macchiato-subtext0-hsl: 227.368 26.761% 72.157%;
215 |   --ctp-macchiato-overlay2: #939ab7;
216 |   --ctp-macchiato-overlay2-rgb: 147 154 183;
217 |   --ctp-macchiato-overlay2-hsl: 228.333 20.000% 64.706%;
218 |   --ctp-macchiato-overlay1: #8087a2;
219 |   --ctp-macchiato-overlay1-rgb: 128 135 162;
220 |   --ctp-macchiato-overlay1-hsl: 227.647 15.455% 56.863%;
221 |   --ctp-macchiato-overlay0: #6e738d;
222 |   --ctp-macchiato-overlay0-rgb: 110 115 141;
223 |   --ctp-macchiato-overlay0-hsl: 230.323 12.351% 49.216%;
224 |   --ctp-macchiato-surface2: #5b6078;
225 |   --ctp-macchiato-surface2-rgb: 91 96 120;
226 |   --ctp-macchiato-surface2-hsl: 229.655 13.744% 41.373%;
227 |   --ctp-macchiato-surface1: #494d64;
228 |   --ctp-macchiato-surface1-rgb: 73 77 100;
229 |   --ctp-macchiato-surface1-hsl: 231.111 15.607% 33.922%;
230 |   --ctp-macchiato-surface0: #363a4f;
231 |   --ctp-macchiato-surface0-rgb: 54 58 79;
232 |   --ctp-macchiato-surface0-hsl: 230.400 18.797% 26.078%;
233 |   --ctp-macchiato-base: #24273a;
234 |   --ctp-macchiato-base-rgb: 36 39 58;
235 |   --ctp-macchiato-base-hsl: 231.818 23.404% 18.431%;
236 |   --ctp-macchiato-mantle: #1e2030;
237 |   --ctp-macchiato-mantle-rgb: 30 32 48;
238 |   --ctp-macchiato-mantle-hsl: 233.333 23.077% 15.294%;
239 |   --ctp-macchiato-crust: #181926;
240 |   --ctp-macchiato-crust-rgb: 24 25 38;
241 |   --ctp-macchiato-crust-hsl: 235.714 22.581% 12.157%;
242 | }
243 | 
244 | :root {
245 |   --ctp-mocha-rosewater: #f5e0dc;
246 |   --ctp-mocha-rosewater-rgb: 245 224 220;
247 |   --ctp-mocha-rosewater-hsl: 9.600 55.556% 91.176%;
248 |   --ctp-mocha-flamingo: #f2cdcd;
249 |   --ctp-mocha-flamingo-rgb: 242 205 205;
250 |   --ctp-mocha-flamingo-hsl: 0.000 58.730% 87.647%;
251 |   --ctp-mocha-pink: #f5c2e7;
252 |   --ctp-mocha-pink-rgb: 245 194 231;
253 |   --ctp-mocha-pink-hsl: 316.471 71.831% 86.078%;
254 |   --ctp-mocha-mauve: #cba6f7;
255 |   --ctp-mocha-mauve-rgb: 203 166 247;
256 |   --ctp-mocha-mauve-hsl: 267.407 83.505% 80.980%;
257 |   --ctp-mocha-red: #f38ba8;
258 |   --ctp-mocha-red-rgb: 243 139 168;
259 |   --ctp-mocha-red-hsl: 343.269 81.250% 74.902%;
260 |   --ctp-mocha-maroon: #eba0ac;
261 |   --ctp-mocha-maroon-rgb: 235 160 172;
262 |   --ctp-mocha-maroon-hsl: 350.400 65.217% 77.451%;
263 |   --ctp-mocha-peach: #fab387;
264 |   --ctp-mocha-peach-rgb: 250 179 135;
265 |   --ctp-mocha-peach-hsl: 22.957 92.000% 75.490%;
266 |   --ctp-mocha-yellow: #f9e2af;
267 |   --ctp-mocha-yellow-rgb: 249 226 175;
268 |   --ctp-mocha-yellow-hsl: 41.351 86.047% 83.137%;
269 |   --ctp-mocha-green: #a6e3a1;
270 |   --ctp-mocha-green-rgb: 166 227 161;
271 |   --ctp-mocha-green-hsl: 115.455 54.098% 76.078%;
272 |   --ctp-mocha-teal: #94e2d5;
273 |   --ctp-mocha-teal-rgb: 148 226 213;
274 |   --ctp-mocha-teal-hsl: 170.000 57.353% 73.333%;
275 |   --ctp-mocha-sky: #89dceb;
276 |   --ctp-mocha-sky-rgb: 137 220 235;
277 |   --ctp-mocha-sky-hsl: 189.184 71.014% 72.941%;
278 |   --ctp-mocha-sapphire: #74c7ec;
279 |   --ctp-mocha-sapphire-rgb: 116 199 236;
280 |   --ctp-mocha-sapphire-hsl: 198.500 75.949% 69.020%;
281 |   --ctp-mocha-blue: #89b4fa;
282 |   --ctp-mocha-blue-rgb: 137 180 250;
283 |   --ctp-mocha-blue-hsl: 217.168 91.870% 75.882%;
284 |   --ctp-mocha-lavender: #b4befe;
285 |   --ctp-mocha-lavender-rgb: 180 190 254;
286 |   --ctp-mocha-lavender-hsl: 231.892 97.368% 85.098%;
287 |   --ctp-mocha-text: #cdd6f4;
288 |   --ctp-mocha-text-rgb: 205 214 244;
289 |   --ctp-mocha-text-hsl: 226.154 63.934% 88.039%;
290 |   --ctp-mocha-subtext1: #bac2de;
291 |   --ctp-mocha-subtext1-rgb: 186 194 222;
292 |   --ctp-mocha-subtext1-hsl: 226.667 35.294% 80.000%;
293 |   --ctp-mocha-subtext0: #a6adc8;
294 |   --ctp-mocha-subtext0-rgb: 166 173 200;
295 |   --ctp-mocha-subtext0-hsl: 227.647 23.611% 71.765%;
296 |   --ctp-mocha-overlay2: #9399b2;
297 |   --ctp-mocha-overlay2-rgb: 147 153 178;
298 |   --ctp-mocha-overlay2-hsl: 228.387 16.757% 63.725%;
299 |   --ctp-mocha-overlay1: #7f849c;
300 |   --ctp-mocha-overlay1-rgb: 127 132 156;
301 |   --ctp-mocha-overlay1-hsl: 229.655 12.775% 55.490%;
302 |   --ctp-mocha-overlay0: #6c7086;
303 |   --ctp-mocha-overlay0-rgb: 108 112 134;
304 |   --ctp-mocha-overlay0-hsl: 230.769 10.744% 47.451%;
305 |   --ctp-mocha-surface2: #585b70;
306 |   --ctp-mocha-surface2-rgb: 88 91 112;
307 |   --ctp-mocha-surface2-hsl: 232.500 12.000% 39.216%;
308 |   --ctp-mocha-surface1: #45475a;
309 |   --ctp-mocha-surface1-rgb: 69 71 90;
310 |   --ctp-mocha-surface1-hsl: 234.286 13.208% 31.176%;
311 |   --ctp-mocha-surface0: #313244;
312 |   --ctp-mocha-surface0-rgb: 49 50 68;
313 |   --ctp-mocha-surface0-hsl: 236.842 16.239% 22.941%;
314 |   --ctp-mocha-base: #1e1e2e;
315 |   --ctp-mocha-base-rgb: 30 30 46;
316 |   --ctp-mocha-base-hsl: 240.000 21.053% 14.902%;
317 |   --ctp-mocha-mantle: #181825;
318 |   --ctp-mocha-mantle-rgb: 24 24 37;
319 |   --ctp-mocha-mantle-hsl: 240.000 21.311% 11.961%;
320 |   --ctp-mocha-crust: #11111b;
321 |   --ctp-mocha-crust-rgb: 17 17 27;
322 |   --ctp-mocha-crust-hsl: 240.000 22.727% 8.627%;
323 | }


--------------------------------------------------------------------------------