theme.css

/* catppuccin-frappe */

@define-color white #ffffff;
@define-color black#000000;
@define-color rosewater #f2d5cf;
@define-color flamingo #eebebe;
@define-color pink #f4b8e4;
@define-color mauve #ca9ee6;
@define-color red #e78284;
@define-color maroon #ea999c;
@define-color peach #ef9f76;
@define-color yellow #e5c890;
@define-color green #a6d189;
@define-color teal #81c8be;
@define-color sky #99d1db;
@define-color sapphire #85c1dc;
@define-color blue #8caaee;
@define-color lavender #babbf1;
@define-color textc #c6d0f5;
@define-color subtext1 #b5bfe2;
@define-color subtext0 #a5adce;
@define-color overlay2 #949cbb;
@define-color overlay1 #838ba7;
@define-color overlay0 #737994;
@define-color surface2 #626880;
@define-color surface1 #51576d;
@define-color surface0 #414559;
@define-color base #303446;
@define-color mantle #292c3c;
@define-color crust #232634;

/*
	br - border
	bg - background
	fg - foreground
*/

/* transparent */
@define-color transparent rgba(0, 0, 0, 0);

/* main colors */

@define-color text-dim alpha(@white, 0.85);
@define-color text @white;
@define-color accent @sky;
@define-color main-br @subtext1;
@define-color main-bg @crust;
@define-color main-fg @text;
@define-color hover-popup alpha(@peach, 1.0);
@define-color hover-button @transparent;
@define-color hover-nothing @text;
@define-color outline alpha(@black, 0.70);

/* tooltips colors */

@define-color tooltip-accent alpha(@base, 0.15);
@define-color tooltip-main-bg @base;

/* module colors */

@define-color modules-background @transparent;

/* state colors */
@define-color player-inactive alpha(red, 0.9);
@define-color player-active alpha(@green, 1.0);

@define-color microphone-inactive alpha(red, 1.0);
@define-color microphone-active alpha(green, 1.0);

@define-color selection @text;
@define-color selection-bg @red;
@define-color selection-border alpha(@black, 0.15);

@define-color warning @yellow;
@define-color critical @red;
@define-color charging @green;