GradienceCommunity/curated/rose-pine.json
2023-09-28 11:45:40 -07:00

108 lines
10 KiB
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": "#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}"
}
}