cybercheff catppuccin userstyle

cybercheff_catppuccin.css

@-moz-document url-prefix("https://gchq.github.io/CyberChef/") {
:root.dark {
    --frappe-rosewater: #f2d5cf;
    --frappe-flamingo: #eebebe;
    --frappe-pink: #f4b8e4;
    --frappe-mauve: #ca9ee6;
    --frappe-red: #e78284;
    --frappe-maroon: #ea999c;
    --frappe-peach: #ef9f76;
    --frappe-yellow: #e5c890;
    --frappe-green: #a6d189;
    --frappe-teal: #81c8be;
    --frappe-sky: #99d1db;
    --frappe-sapphire: #85c1dc;
    --frappe-blue: #8caaee;
    --frappe-lavender: #babbf1;
    --frappe-text: #c6d0f5;
    --frappe-subtext1: #b5bfe2;
    --frappe-subtext0: #a5adce;
    --frappe-overlay2: #949cbb;
    --frappe-overlay1: #838ba7;
    --frappe-overlay0: #737994;
    --frappe-surface2: #626880;
    --frappe-surface1: #51576d;
    --frappe-surface0: #414559;
    --frappe-base: #303446;
    --frappe-mantle: #292c3c;
    --frappe-crust: #232634;

    --primary-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --primary-font-colour: var(--frappe-text);
    --primary-font-size: 14px;
    --primary-line-height: 20px;

    --fixed-width-font-family: "Monaco", "Droid Sans Mono", "Consolas", monospace;
    --fixed-width-font-colour: inherit;
    --fixed-width-font-size: inherit;

    --subtext-font-colour: var(--frappe-subtext0);
    --subtext-font-size: 13px;

    --primary-background-colour: var(--frappe-base);
    --secondary-background-colour: var(--frappe-mantle);

    --primary-border-colour: var(--frappe-surface1);
    --secondary-border-colour: var(--frappe-surface0);

    --title-colour: var(--frappe-lavender);
    --title-weight: bold;
    --title-background-colour: var(--frappe-crust);

    --banner-font-colour: var(--frappe-text);
    --banner-bg-colour: var(--frappe-crust);
    --banner-url-colour: var(--frappe-lavender);

    --category-list-font-colour: var(--frappe-lavender);

    --loader-background-colour: var(--secondary-border-colour);
    --loader-outer-colour: var(--frappe-lavender);
    --loader-middle-colour: var(--frappe-rosewater);
    --loader-inner-colour: var(--frappe-teal);

    --op-list-operation-font-colour: var(--frappe-text);
    --op-list-operation-bg-colour: var(--frappe-surface0);
    --op-list-operation-border-colour: var(--frappe-surface1);

    --rec-list-operation-font-colour: var(--frappe-text);
    --rec-list-operation-bg-colour: var(--frappe-surface0);
    --rec-list-operation-border-colour: var(--frappe-surface1);

    --selected-operation-font-color: var(--frappe-text);
    --selected-operation-bg-colour: var(--frappe-surface2);
    --selected-operation-border-colour: var(--frappe-lavender);

    --breakpoint-font-colour: var(--frappe-red);
    --breakpoint-bg-colour: var(--frappe-surface0);
    --breakpoint-border-colour: var(--frappe-red);

    --disabled-font-colour: var(--frappe-overlay0);
    --disabled-bg-colour: var(--frappe-base);
    --disabled-border-colour: var(--frappe-surface0);

    --fc-operation-font-colour: var(--frappe-text);
    --fc-operation-bg-colour: var(--frappe-surface0);
    --fc-operation-border-colour: var(--frappe-surface1);

    --fc-breakpoint-operation-font-colour: var(--frappe-red);
    --fc-breakpoint-operation-bg-colour: var(--frappe-mantle);
    --fc-breakpoint-operation-border-colour: var(--frappe-red);

    --op-title-font-weight: bold;
    --arg-font-colour: var(--frappe-subtext0);
    --arg-background: var(--frappe-mantle);
    --arg-border-colour: var(--frappe-surface0);
    --arg-disabled-background: var(--frappe-base);
    --arg-label-colour: var(--frappe-lavender);

    --disable-icon-colour: var(--frappe-overlay1);
    --disable-icon-selected-colour: var(--frappe-red);
    --breakpoint-icon-colour: var(--frappe-overlay1);
    --breakpoint-icon-selected-colour: var(--frappe-red);

    --btn-default-font-colour: var(--frappe-text);
    --btn-default-bg-colour: var(--frappe-surface0);
    --btn-default-border-colour: var(--frappe-surface1);

    --btn-default-hover-font-colour: var(--frappe-text);
    --btn-default-hover-bg-colour: var(--frappe-surface1);
    --btn-default-hover-border-colour: var(--frappe-lavender);

    --btn-success-font-colour: var(--frappe-green);
    --btn-success-bg-colour: var(--frappe-base);
    --btn-success-border-colour: var(--frappe-green);

    --btn-success-hover-font-colour: var(--frappe-base);
    --btn-success-hover-bg-colour: var(--frappe-green);
    --btn-success-hover-border-colour: var(--frappe-green);

    --hl1: var(--frappe-blue);
    --hl2: var(--frappe-mauve);
    --hl3: var(--frappe-red);
    --hl4: var(--frappe-yellow);
    --hl5: var(--frappe-green);

    --scrollbar-track: var(--frappe-crust);
    --scrollbar-thumb: var(--frappe-surface1);
    --scrollbar-hover: var(--frappe-surface2);

    --drop-file-border-colour: var(--frappe-lavender);
    --table-border-colour: var(--frappe-surface1);
    --popover-background: var(--frappe-surface0);
    --popover-border-colour: var(--frappe-surface1);
    --code-background: var(--frappe-crust);
    --code-font-colour: var(--frappe-text);
    --input-highlight-colour: var(--frappe-lavender);
    --input-border-colour: var(--frappe-surface1);
}
}