GradienceCommunity/curated/cyberhack.json

{
    "name": "CyberHack",
    "variables": {
        "accent_color": "rgb(86,192,46)",
        "accent_bg_color": "rgb(18,71,58)",
        "accent_fg_color": "rgb(76,206,9)",
        "destructive_color": "rgb(191,29,46)",
        "destructive_bg_color": "rgb(96,15,56)",
        "destructive_fg_color": "rgb(217,89,89)",
        "success_color": "rgb(86,211,27)",
        "success_bg_color": "rgb(9,52,41)",
        "success_fg_color": "rgb(28,186,9)",
        "warning_color": "rgb(197,171,0)",
        "warning_bg_color": "rgb(247,136,12)",
        "warning_fg_color": "rgb(243,209,81)",
        "error_color": "#ff7b63",
        "error_bg_color": "rgb(50,42,44)",
        "error_fg_color": "rgb(255,180,169)",
        "window_bg_color": "rgb(1,36,40)",
        "window_fg_color": "rgb(100,243,248)",
        "view_bg_color": "rgb(10,51,55)",
        "view_fg_color": "rgb(100,243,248)",
        "headerbar_bg_color": "rgb(1,36,40)",
        "headerbar_fg_color": "rgb(86,192,46)",
        "headerbar_border_color": "rgb(79,221,132)",
        "headerbar_backdrop_color": "@window_bg_color",
        "headerbar_shade_color": "rgb(79,221,132)",
        "card_bg_color": "rgba(255, 255, 255, 0.08)",
        "card_fg_color": "rgb(100,243,248)",
        "card_shade_color": "rgba(79,221,132,0.25)",
        "dialog_bg_color": "rgb(1,36,40)",
        "dialog_fg_color": "rgb(100,243,248)",
        "popover_bg_color": "rgb(1,36,40)",
        "popover_fg_color": "rgb(100,243,248)",
        "shade_color": "rgba(79,221,132,0.25)",
        "scrollbar_outline_color": "rgba(79,221,132,0.25)"
    },
    "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": "decoration {\n  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.7), 0 0 0 1px shade(@headerbar_bg_color,1.3);\n}\n\ndecoration:backdrop {\n  box-shadow: 0 3px 12px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px shade(@headerbar_bg_color,1.1);\n}\n\n.tiled decoration, .tiled-top decoration, .tiled-bottom decoration, .tiled-right decoration, .tiled-left decoration {\n  box-shadow: 0 0 0 1px shade(@headerbar_bg_color,1.1), 0 0 0 20px transparent;\n}\n\nmessagedialog.csd decoration, .csd.popup decoration, .maximized .csd.popup decoration {\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 0 0 1px alpha(shade(@headerbar_bg_color,1.3),0.9);\n}\n\n.maximized .csd.popup decoration {\n  border-radius: 6px;\n}\n\n.maximized decoration, .fullscreen decoration {\n  border-radius: 0;\n  box-shadow: none;\n}\n\n.ssd decoration {\n  box-shadow: 0 0 0 1px shade(@headerbar_bg_color,1.3);\n}\n\n.ssd decoration:backdrop {\n  box-shadow: 0 0 0 1px shade(@headerbar_bg_color,1.1);\n}\n\n.ssd.maximized decoration, .ssd.maximized decoration:backdrop {\n  box-shadow: none;\n}\n\n.solid-csd decoration {\n  box-shadow: inset 0 0 0 5px alpha(currentColor,0.5), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.5);\n}\n\n.solid-csd decoration:backdrop {\n  box-shadow: inset 0 0 0 3px @window_bg_color;\n}\n\n.titlebar, headerbar {\n  border-bottom-color: alpha(currentColor,0.15);\n}\n\n.titlebar:backdrop, headerbar:backdrop {\n  border-bottom-color: alpha(currentColor,0.2);\n}\n\nbutton.titlebutton,\nwindowcontrols > button {\n  color: transparent;\n  min-width: 18px;\n  min-height: 18px;\n}\n\nbutton.titlebutton:backdrop {\n  opacity: 0.5;\n}\n\nwindowcontrols > button {\n  border-radius: 100%;\n  padding: 0;\n  margin: 0 5px;\n}\n\nwindowcontrols > button > image {\n  padding: 0;\n}\n\nbutton.titlebutton.close, button.titlebutton.close:hover:backdrop,\nwindowcontrols > button.close,\nwindowcontrols > button.close:hover:backdrop {\n  background-color: #ff267c;\n}\n\nbutton.titlebutton.close:hover,\nwindowcontrols > button.close:hover {\n  background-color: shade(#ff267c,1.3);\n}\n\nbutton.titlebutton.maximize, button.titlebutton.maximize:hover:backdrop,\nwindowcontrols > button.maximize,\nwindowcontrols > button.maximize:hover:backdrop {\n  background-color: #00ff02;\n}\n\nbutton.titlebutton.maximize:hover,\nwindowcontrols > button.maximize:hover {\n  background-color: shade(#00ff02,1.3);\n}\n\nbutton.titlebutton.minimize, button.titlebutton.minimize:hover:backdrop,\nwindowcontrols > button.minimize,\nwindowcontrols > button.minimize:hover:backdrop {\n  background-color: #ffcc00;\n}\n\nbutton.titlebutton.minimize:hover,\nwindowcontrols > button.minimize:hover {\n  background-color: shade(#ffcc00,1.3);\n}\n\nnotebook > header tab:not(:backdrop):checked.reorderable-page,\ntabbar tab:not(:backdrop):checked {\n  background-color: @headerbar_bg_color;\n}\n\n.nautilus-window .sidebar {\n  background-color: @view_bg_color;\n}\n\n.nautilus-window .sidebar:backdrop {\n  background-color: @window_bg_color;\n}",
        "gtk3": ".terminal-window.root headerbar button:not(.titlebutton),\n.terminal-window.remote headerbar button:not(.titlebutton) {\n  min-width: 16px;\n  background: transparent;\n  border: 1px solid transparent;\n}\n\n.terminal-window.root headerbar button:not(.titlebutton):hover,\n.terminal-window.remote headerbar button:not(.titlebutton):hover,\n.terminal-window.root headerbar button:not(.titlebutton):checked,\n.terminal-window.remote headerbar button:not(.titlebutton):checked,\n.terminal-window.root headerbar button.titlebutton,\n.terminal-window.remote headerbar button.titlebutton {\n  background: alpha(white, 0.12);\n}\n\n.terminal-window.root headerbar button:not(.titlebutton):active,\n.terminal-window.remote headerbar button:not(.titlebutton):active,\n.terminal-window.root headerbar button:not(.titlebutton):checked:hover,\n.terminal-window.remote headerbar button:not(.titlebutton):checked:hover,\n.terminal-window.root headerbar button.titlebutton:hover,\n.terminal-window.remote headerbar button.titlebutton:hover {\n  background: alpha(white, 0.18);\n}\n\n.terminal-window.root headerbar button.titlebutton:active,\n.terminal-window.remote headerbar button.titlebutton:active {\n  background: alpha(white, 0.3);\n}\n\n.csd.popup decoration {  \nborder-radius: 12px; \nbox-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);\n}\n\n\nmenu, .menu, .context-menu { \n  margin: 4px; \n  padding: 6px 6px; \n}\n    \n.csd menu, .csd .menu, .csd .context-menu { \n  border: none; \n  border-radius: 12px; \n}\n  \nmenu menuitem, .menu menuitem, .context-menu menuitem {\n  margin: 0;\n  border-radius: 6px;\n  padding: 7px 6px;\n}\n    \nmenu separator {margin: 6px 0}\n\nmenubar menu, wxMenu   {\n  padding: 6px;\n  border-radius: 12px\n}\n\nmenu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow {\ncolor: #c2c2c2;\n}\n\ndecoration {\n  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.7), 0 0 0 1px shade(@headerbar_bg_color,1.3);\n}\n\ndecoration:backdrop {\n  box-shadow: 0 3px 12px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px shade(@headerbar_bg_color,1.1);\n}\n\n.tiled decoration, .tiled-top decoration, .tiled-bottom decoration, .tiled-right decoration, .tiled-left decoration {\n  box-shadow: 0 0 0 1px shade(@headerbar_bg_color,1.1), 0 0 0 20px transparent;\n}\n\nmessagedialog.csd decoration, .csd.popup decoration, .maximized .csd.popup decoration {\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 0 0 1px alpha(shade(@headerbar_bg_color,1.3),0.9);\n}\n\n.maximized .csd.popup decoration {\n  border-radius: 6px;\n}\n\n.maximized decoration, .fullscreen decoration {\n  border-radius: 0;\n  box-shadow: none;\n}\n\n.ssd decoration {\n  box-shadow: 0 0 0 1px shade(@headerbar_bg_color,1.3);\n}\n\n.ssd decoration:backdrop {\n  box-shadow: 0 0 0 1px shade(@headerbar_bg_color,1.1);\n}\n\n.ssd.maximized decoration, .ssd.maximized decoration:backdrop {\n  box-shadow: none;\n}\n\n.solid-csd decoration {\n  box-shadow: inset 0 0 0 5px alpha(currentColor,0.5), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.5);\n}\n\n.solid-csd decoration:backdrop {\n  box-shadow: inset 0 0 0 3px @window_bg_color;\n}\n\n.titlebar, headerbar {\n  border-bottom-color: alpha(currentColor,0.15);\n}\n\n.titlebar:backdrop, headerbar:backdrop {\n  border-bottom-color: alpha(currentColor,0.2);\n}\n\nbutton.titlebutton,\nwindowcontrols > button {\n  color: transparent;\n  min-width: 18px;\n  min-height: 18px;\n}\n\nbutton.titlebutton:backdrop {\n  opacity: 0.5;\n}\n\nwindowcontrols > button {\n  border-radius: 100%;\n  padding: 0;\n  margin: 0 5px;\n}\n\nwindowcontrols > button > image {\n  padding: 0;\n}\n\nbutton.titlebutton.close, button.titlebutton.close:hover:backdrop,\nwindowcontrols > button.close,\nwindowcontrols > button.close:hover:backdrop {\n  background-color: #ff267c;\n}\n\nbutton.titlebutton.close:hover,\nwindowcontrols > button.close:hover {\n  background-color: shade(#ff267c,1.3);\n}\n\nbutton.titlebutton.maximize, button.titlebutton.maximize:hover:backdrop,\nwindowcontrols > button.maximize,\nwindowcontrols > button.maximize:hover:backdrop {\n  background-color: #00ff02;\n}\n\nbutton.titlebutton.maximize:hover,\nwindowcontrols > button.maximize:hover {\n  background-color: shade(#00ff02,1.3);\n}\n\nbutton.titlebutton.minimize, button.titlebutton.minimize:hover:backdrop,\nwindowcontrols > button.minimize,\nwindowcontrols > button.minimize:hover:backdrop {\n  background-color: #ffcc00;\n}\n\nbutton.titlebutton.minimize:hover,\nwindowcontrols > button.minimize:hover {\n  background-color: shade(#ffcc00,1.3);\n}\n\nnotebook > header tab:not(:backdrop):checked.reorderable-page,\ntabbar tab:not(:backdrop):checked {\n  background-color: @headerbar_bg_color;\n}\n\n.nautilus-window .sidebar {\n  background-color: @view_bg_color;\n}\n\n.nautilus-window .sidebar:backdrop {\n  background-color: @window_bg_color;\n}"
    }
}