{ "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": "#3e8fb0", "2": "#3e8fb0", "3": "#31748f", "4": "#31748f", "5": "#286983" }, "green_": { "1": "#9ccfd8", "2": "#9ccfd8", "3": "#56949f", "4": "#56949f", "5": "#3a5f6f" }, "yellow_": { "1": "#f6c177", "2": "#f6c177", "3": "#ea9d34", "4": "#ea9d34", "5": "#b3751e" }, "orange_": { "1": "#ebbcba", "2": "#ea9a97", "3": "#d7827e", "4": "#d7827e", "5": "#CF6863" }, "red_": { "1": "#eb6f92", "2": "#eb6f92", "3": "#b4637a", "4": "#b4637a", "5": "#8f4d5e" }, "purple_": { "1": "#c4a7e7", "2": "#c4a7e7", "3": "#907aa9", "4": "#907aa9", "5": "#6e5c7a" }, "brown_": { "1": "#908caa", "2": "#797593", "3": "#797593", "4": "#6e6a86", "5": "#6e6a86" }, "light_": { "1": "#e0def4", "2": "#e0def4", "3": "#575279", "4": "#575279", "5": "#4e4a67" }, "dark_": { "1": "#1f1d2e", "2": "#2a273f", "3": "#fffaf3", "4": "#fffaf3", "5": "#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}" } }