GradienceCommunity/curated/rose-pine.json

{
    "name": "Ros\u00e9 Pine",
    "variables": {
        "accent_color": "#c4a7e7",
        "accent_bg_color": "#31748f",
        "accent_fg_color": "#e0def4",
        "destructive_color": "#ebbcba",
        "destructive_bg_color": "#eb6f92",
        "destructive_fg_color": "#e0def4",
        "success_color": "#9ccfd8",
        "success_bg_color": "#31748f",
        "success_fg_color": "#e0def4",
        "warning_color": "#f6c177",
        "warning_bg_color": "#f6c177",
        "warning_fg_color": "rgba(33, 32, 46, 0.8)",
        "error_color": "#ebbcba",
        "error_bg_color": "#ebbcba",
        "error_fg_color": "#e0def4",
        "window_bg_color": "#1f1d2e",
        "window_fg_color": "#e0def4",
        "view_bg_color": "#191724",
        "view_fg_color": "#e0def4",
        "headerbar_bg_color": "#26233a",
        "headerbar_fg_color": "#e0def4",
        "headerbar_border_color": "#e0def4",
        "headerbar_backdrop_color": "@window_bg_color",
        "headerbar_shade_color": "rgba(33, 32, 46, 0.4)",
        "card_bg_color": "#26233a",
        "card_fg_color": "#e0def4",
        "card_shade_color": "rgba(0, 0, 0, 0.36)",
        "dialog_bg_color": "#26233a",
        "dialog_fg_color": "#e0def4",
        "popover_bg_color": "#26233a",
        "popover_fg_color": "#e0def4",
        "shade_color": "#26233a",
        "scrollbar_outline_color": "rgba(33, 32, 46, 0.5)"
    },
    "palette": {
        "blue_": {
            "1": "#31748f",
            "2": "#3e8fb0",
            "3": "#286983"
        },
        "green_": {
            "1": "#9ccfd8",
            "2": "#9ccfd8",
            "3": "#56949f"
        },
        "yellow_": {
            "1": "#f6c177",
            "2": "#f6c177",
            "3": "#ea9d34"
        },
        "orange_": {
            "1": "#ebbcba",
            "2": "#ea9a97",
            "3": "#d7827e"
        },
        "red_": {
            "1": "#eb6f92",
            "2": "#eb6f92",
            "3": "#b4637a"
        },
        "purple_": {
            "1": "#c4a7e7",
            "2": "#c4a7e7",
            "3": "#907aa9"
        },
        "brown_": {
            "1": "#908caa",
            "2": "#6e6a86",
            "3": "#797593"
        },
        "light_": {
            "1": "#e0def4",
            "2": "#e0def4",
            "3": "#575279"
        },
        "dark_": {
            "1": "#1f1d2e",
            "2": "#2a273f",
            "3": "#fffaf3"
        }
    },
    "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: #eb6f92;\n}\n\nbutton.titlebutton.close:hover,\nwindowcontrols > button.close:hover {\n  background-color: shade(#eb6f92,1.3);\n}\n\nbutton.titlebutton.maximize, button.titlebutton.maximize:hover:backdrop,\nwindowcontrols > button.maximize,\nwindowcontrols > button.maximize:hover:backdrop {\n  background-color: #9ccfd8;\n}\n\nbutton.titlebutton.maximize:hover,\nwindowcontrols > button.maximize:hover {\n  background-color: shade(#9ccfd8,1.3);\n}\n\nbutton.titlebutton.minimize, button.titlebutton.minimize:hover:backdrop,\nwindowcontrols > button.minimize,\nwindowcontrols > button.minimize:hover:backdrop {\n  background-color: #f6c177;\n}\n\nbutton.titlebutton.minimize:hover,\nwindowcontrols > button.minimize:hover {\n  background-color: shade(#f6c177,1.3);\n}\n\nbutton.titlebutton.close:backdrop, button.titlebutton.maximize:backdrop, button.titlebutton.minimize:backdrop,\nwindowcontrols > button.close:backdrop,\nwindowcontrols > button.maximize:backdrop,\nwindowcontrols > button.minimize:backdrop {\n  background-color: #6e6a86;\n}\n\nbutton.titlebutton.close:active, button.titlebutton.maximize:active, button.titlebutton.minimize:active,\nwindowcontrols > button.close:active,\nwindowcontrols > button.maximize:active,\nwindowcontrols > button.minimize:active {\n  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.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": "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: #eb6f92;\n}\n\nbutton.titlebutton.close:hover,\nwindowcontrols > button.close:hover {\n  background-color: shade(#eb6f92,1.3);\n}\n\nbutton.titlebutton.maximize, button.titlebutton.maximize:hover:backdrop,\nwindowcontrols > button.maximize,\nwindowcontrols > button.maximize:hover:backdrop {\n  background-color: #9ccfd8;\n}\n\nbutton.titlebutton.maximize:hover,\nwindowcontrols > button.maximize:hover {\n  background-color: shade(#9ccfd8,1.3);\n}\n\nbutton.titlebutton.minimize, button.titlebutton.minimize:hover:backdrop,\nwindowcontrols > button.minimize,\nwindowcontrols > button.minimize:hover:backdrop {\n  background-color: #f6c177;\n}\n\nbutton.titlebutton.minimize:hover,\nwindowcontrols > button.minimize:hover {\n  background-color: shade(#f6c177,1.3);\n}\n\nbutton.titlebutton.close:backdrop, button.titlebutton.maximize:backdrop, button.titlebutton.minimize:backdrop,\nwindowcontrols > button.close:backdrop,\nwindowcontrols > button.maximize:backdrop,\nwindowcontrols > button.minimize:backdrop {\n  background-color: #6e6a86;\n}\n\nbutton.titlebutton.close:active, button.titlebutton.maximize:active, button.titlebutton.minimize:active,\nwindowcontrols > button.close:active,\nwindowcontrols > button.maximize:active,\nwindowcontrols > button.minimize:active {\n  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.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}"
    }
}