{
    "name": "Pop Dark",
    "variables": {
        "accent_color": "rgb(242, 140, 42)",
        "accent_bg_color": "rgb(251, 184, 108)",
        "accent_fg_color": "rgb(48, 48, 48)",
        "destructive_color": "#ff7b63",
        "destructive_bg_color": "#c01c28",
        "destructive_fg_color": "#ffffff",
        "success_color": "#8ff0a4",
        "success_bg_color": "#26a269",
        "success_fg_color": "#ffffff",
        "warning_color": "#f8e45c",
        "warning_bg_color": "#cd9309",
        "warning_fg_color": "rgba(0, 0, 0, 0.8)",
        "error_color": "#ff7b63",
        "error_bg_color": "#c01c28",
        "error_fg_color": "rgb(54, 54, 54)",
        "window_bg_color": "rgb(48, 48, 48)",
        "window_fg_color": "#ffffff",
        "view_bg_color": "rgb(43, 43, 43)",
        "view_fg_color": "#ffffff",
        "headerbar_bg_color": "rgb(54, 54, 54)",
        "headerbar_fg_color": "#ffffff",
        "headerbar_border_color": "#ffffff",
        "headerbar_backdrop_color": "rgb(54, 54, 54)",
        "headerbar_shade_color": "rgba(0, 0, 0, 0.36)",
        "card_bg_color": "rgb(39, 39, 39)",
        "card_fg_color": "#ffffff",
        "card_shade_color": "rgba(0, 0, 0, 0.36)",
        "dialog_bg_color": "#383838",
        "dialog_fg_color": "#ffffff",
        "popover_bg_color": "rgb(43, 43, 43)",
        "popover_fg_color": "#ffffff",
        "shade_color": "rgba(0, 0, 0, 0.36)",
        "scrollbar_outline_color": "rgba(0, 0, 0, 0.5)"
    },
    "palette": {
        "blue_": {
            "1": "#99c1f1",
            "2": "#62a0ea",
            "3": "#3584e4",
            "4": "#1c71d8",
            "5": "#1a5fb4"
        },
        "green_": {
            "1": "#8ff0a4",
            "2": "#57e389",
            "3": "#33d17a",
            "4": "#2ec27e",
            "5": "#26a269"
        },
        "yellow_": {
            "1": "#f9f06b",
            "2": "#f8e45c",
            "3": "#f6d32d",
            "4": "#f5c211",
            "5": "#e5a50a"
        },
        "orange_": {
            "1": "#ffbe6f",
            "2": "#ffa348",
            "3": "#ff7800",
            "4": "#e66100",
            "5": "#c64600"
        },
        "red_": {
            "1": "#f66151",
            "2": "#ed333b",
            "3": "#e01b24",
            "4": "#c01c28",
            "5": "#a51d2d"
        },
        "purple_": {
            "1": "#dc8add",
            "2": "#c061cb",
            "3": "#9141ac",
            "4": "#813d9c",
            "5": "#613583"
        },
        "brown_": {
            "1": "#cdab8f",
            "2": "#b5835a",
            "3": "#986a44",
            "4": "#865e3c",
            "5": "#63452c"
        },
        "light_": {
            "1": "#ffffff",
            "2": "#f6f5f4",
            "3": "#deddda",
            "4": "#c0bfbc",
            "5": "#9a9996"
        },
        "dark_": {
            "1": "#77767b",
            "2": "#5e5c64",
            "3": "#3d3846",
            "4": "#241f31",
            "5": "#000000"
        }
    },
    "custom_css": {
        "gtk4": "/*****************\n *WINDOW CONTROLS*\n *****************/\n\n/* Transparent background and reduce size to GTK3 levels*/\nwindowcontrols image {\n\tbackground-color: transparent;\n\tbackground-clip: content-box;\n}\n\n/* If you want to keep the circles when you hover: */\nwindowcontrols image:hover {\n\tbackground-color: alpha(@headerbar_fg_color, 0.16);\n}\n/* When the buttons are pushed down: */\nwindowcontrols image:active {\n\tbackground-color: alpha(@headerbar_fg_color, 0.10);\n}\nheaderbar windowcontrols button.close image {\n\tbackground-color: #f28c2a;\n}\nheaderbar windowcontrols button.close image:hover {\n\tbackground-color: #5e5e5e;\n}\nheaderbar windowcontrols button.close image:active {\n\tbackground-color: alpha(@headerbar_fg_color, 0.10);\n}\nheaderbar:backdrop windowcontrols button.close image {\n\tbackground-color: transparent;\n}\nheaderbar:backdrop windowcontrols button.close image:hover {\n\tbackground-color: alpha(@headerbar_fg_color, 0.10);\n}\n\n/*****************\n *CONTROL WIDGETS*\n *****************/\nswitch slider {\n\tbackground-color: #363636;\n}\nswitch {\n\tbackground-color: #686868;\n}\nswitch:checked {\n\tbackground-color: @accent_bg_color;\n}\n\ncheckbutton check:checked {\n\tcolor: #363636;\n\tbackground-color: @accent_bg_color;\n}\n\nscale highlight {\n\tbackground-color: #94ebeb;\n\n}\n\nscale slider {\n\tbackground-color: #94ebeb;\n}\n\n/*****************\n *CARDS/BOXEDLIST*\n *****************/\n\n/*Borders to seperate foreground from background */\n.card {\n\tborder-radius: 5px;\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-color: @shade_color;\n}\n\nlist.boxed-list  {\n\tborder-radius: 5px;\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-color: @shade_color;\n}\n\nlist.boxed-list row:not(:last-child):not(:first-child):only-child{\n\tborder-radius: 0px;\n}\n\n/*nested rows are wierd and don't have a color*/\nlist.boxed-list row.expander row:last-child:not(:only-child) {\n\tbackground-color: #202020;\n}\n\n/*middle rows are straight*/\nlist.boxed-list row:not(:last-child):not(:first-child):hover{\n\tborder-radius: 0px;\n}\n\n/*end rows are rounded at the bottom*/\nlist.boxed-list row:last-child, list.boxed-list row:last-child:hover {\n\tborder-top-left-radius: 0px;\n\tborder-top-right-radius: 0px;\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n}\n\n/*begining rows are rounded at the top*/\nlist.boxed-list row:first-child,list.boxed-list row:first-child:hover {\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n\tborder-bottom-left-radius: 0px;\n\tborder-bottom-right-radius: 0px;\n}\n\nlist.boxed-list row.activatable:not(:last-child):not(:first-child):selected {\n\tcolor: @dark_5;\n\tbackground-color: #94ebeb;\n\tborder-radius: 0px;\n}\n\nlist.boxed-list row.activatable:last-child:selected{\n\tcolor: @dark_5;\n\tbackground-color: #94ebeb;\n\tborder-top-left-radius: 0px;\n\tborder-top-right-radius: 0px;\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n}\n\nlist.boxed-list row.activatable:first-child:selected {\n\tcolor: @dark_5;\n\tbackground-color: #94ebeb;\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n}\n\nrow.activatable:selected {\n\tcolor: @dark_5;\n\tbackground-color: #94ebeb;\n}\n\n\nlist row.entry:only-child,list row.entry:only-child:hover {\n\tborder-radius: 5px;\n}\nwindow {\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n}\n\n/*Fixed Dialog Buttons */\nwindow.background.csd.messagedialog .response-area button:first-child {\n\tborder-bottom-left-radius: 5px;\n}\n\nwindow.background.csd.messagedialog .response-area button:last-child {\n\tborder-bottom-right-radius: 5px;\n}\n\nscrollbar range trough slider:active {\n\tcolor: #94ebeb;\n}\n\n\n/***************\n *Viewswitcher *\n ***************/\nviewswitcher button.flat.horizontal.toggle {\n\tmargin-top: 0px;\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\nviewswitcher button.flat.horizontal.toggle:hover {\n\tmargin-top: 0px;\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px darker(@headerbar_bg_color);\n}\n\nviewswitcher button.flat.horizontal.toggle:checked {\n\tmargin-top: 0px;\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px @accent_bg_color;\n}\n\nviewswitcher button.flat.horizontal.toggle box, viewswitcher button.flat.vertical.toggle box {\n\tmargin-top: 2px;\n}\n\n\nrevealer viewswitcher button.flat.vertical.toggle box {\n\tmargin-top: 5px;\n}\n\nviewswitcher button.flat.vertical.toggle {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\nviewswitcher button.flat.vertical.toggle:hover {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px darker(@headerbar_bg_color);\n}\n\nviewswitcher button.flat.vertical.toggle:checked {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px @accent_bg_color;\n}\n\n/*When view switcher is at the bottom and narrow*/\nrevealer viewswitcher.narrow button.flat.vertical.toggle {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\nrevealer viewswitcher.narrow button.flat.vertical.toggle:hover {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px 4px darker(@headerbar_bg_color);\n}\n\nrevealer viewswitcher.narrow button.flat.vertical.toggle:checked {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px 4px @accent_bg_color;\n}\n\n/*******\n *TABS *\n *******/\ntabboxchild {\n\tmargin-top: 0px;\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\ntabboxchild tab {\n\tborder-radius: 0px;\n}\n\ntabboxchild tab:selected {\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px @accent_bg_color;\n}\n\ntabboxchild tab:hover:not(:selected) {\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px darker(@headerbar_bg_color);\n}\n\ntabthumbnail picture {\n\tborder-radius: 5px;\n}\n\npopover contents {\n\tborder-radius: 5px;\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-color: @shade_color;\n}",
        "gtk3": ""
    },
    "plugins": {}
}