{ "name": "SurGubbe", "variables": { "accent_color": "@accent_bg_color", "accent_bg_color": "#2e78dc", "accent_fg_color": "#ffffff", "destructive_color": "#c01c28", "destructive_bg_color": "#e01b24", "destructive_fg_color": "#ffffff", "success_color": "#26a269", "success_bg_color": "#2ec27e", "success_fg_color": "#ffffff", "warning_color": "#ae7b03", "warning_bg_color": "#e5a50a", "warning_fg_color": "rgba(0, 0, 0, 0.8)", "error_color": "#c01c28", "error_bg_color": "#e01b24", "error_fg_color": "#ffffff", "window_bg_color": "#f5f5f5", "window_fg_color": "#363636", "view_bg_color": "#ffffff", "view_fg_color": "@window_fg_color", "headerbar_bg_color": "shade(@window_bg_color, .96)", "headerbar_fg_color": "@window_fg_color", "headerbar_border_color": "rgba(0, 0, 0, 0.8)", "headerbar_backdrop_color": "@window_bg_color", "headerbar_shade_color": "shade(@window_bg_color, .96)", "card_bg_color": "@view_bg_color", "card_fg_color": "@view_fg_color", "card_shade_color": "rgba(0, 0, 0, 0.07)", "dialog_bg_color": "@popover_bg_color", "dialog_fg_color": "@popover_fg_color", "popover_bg_color": "@view_bg_color", "popover_fg_color": "@view_fg_color", "shade_color": "rgba(0,0,0,0.07)", "scrollbar_outline_color": "rgb(255,255,255)" }, "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": "button.titlebutton,\nwindowcontrols > button {\n color: transparent;\n min-width: 16px;\n min-height: 16px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);\n}\n\nbutton.titlebutton:backdrop {\n opacity: 0.5;\n}\n\nwindowcontrols > button {\n border-radius: 100%;\n padding: 0;\n margin: 0 3px;\n}\n\nwindowcontrols > button > image {\n padding: 0;\n}\n\nbutton.titlebutton {\n margin: 0 2px;\n}\n\n.titlebar .right {\n margin-right: 8px;\n}\n\n.titlebar .left {\n margin-left: 8px;\n}\n\nwindowcontrols.end {\n margin-right: 8px;\n}\n\nwindowcontrols.start {\n margin-left: 8px;\n}\n\nbutton.titlebutton.close, button.titlebutton.close:hover:backdrop,\nwindowcontrols > button.close,\nwindowcontrols > button.close:hover:backdrop {\n background-color: #ff605c;\n}\n\nbutton.titlebutton.close:hover,\nwindowcontrols > button.close:hover {\n background-color: shade(#ff605c,0.9);\n}\n\nbutton.titlebutton.maximize, button.titlebutton.maximize:hover:backdrop,\nwindowcontrols > button.maximize,\nwindowcontrols > button.maximize:hover:backdrop {\n background-color: #00ca4e;\n}\n\nbutton.titlebutton.maximize:hover,\nwindowcontrols > button.maximize:hover {\n background-color: shade(#00ca4e,0.9);\n}\n\nbutton.titlebutton.minimize, button.titlebutton.minimize:hover:backdrop,\nwindowcontrols > button.minimize,\nwindowcontrols > button.minimize:hover:backdrop {\n background-color: #ffbd44;\n}\n\nbutton.titlebutton.minimize:hover,\nwindowcontrols > button.minimize:hover {\n background-color: shade(#ffbd44,0.9);\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: #c0bfc0;\n}\n\nnotebook > header tab:not(:backdrop):not(:checked).reorderable-page,\ntabbar tab:not(:backdrop):not(:checked) {\n background-color: #e1dfe1;\n box-shadow: none;\n border-bottom: 1px solid alpha(currentColor,0.15);\n}\n\nnotebook > header tab:hover:not(:backdrop):not(:checked).reorderable-page,\ntabbar tab:hover:not(:backdrop):not(:checked) {\n background-color: shade(#e1dfe1,0.96);\n}\n\nnotebook > header tab:not(:backdrop):checked.reorderable-page,\ntabbar tab:not(:backdrop):checked {\n background-color: @view_bg_color;\n box-shadow: none;\n border-bottom: 1px solid alpha(currentColor,0.15);\n}\n\nnotebook > header tab:backdrop.reorderable-page,\ntabbar tab:backdrop {\n box-shadow: none;\n background-color: mix(@window_bg_color,#e1dfe1,0.5);\n}\n\nnotebook > header tab:checked:backdrop.reorderable-page,\ntabbar tab:checked:backdrop {\n background-color: @window_bg_color;\n}\n\ntabbar tab {\n border: 0;\n}\n\n.nautilus-window .sidebar {\n background-color: mix(@window_bg_color,@view_bg_color,0.5);\n}\n\n.nautilus-window .sidebar:backdrop {\n background-color: @window_bg_color;\n}", "gtk3": "button.titlebutton,\nwindowcontrols > button {\n color: transparent;\n min-width: 16px;\n min-height: 16px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);\n}\n\nbutton.titlebutton:backdrop {\n opacity: 0.5;\n}\n\nwindowcontrols > button {\n border-radius: 100%;\n padding: 0;\n margin: 0 3px;\n}\n\nwindowcontrols > button > image {\n padding: 0;\n}\n\nbutton.titlebutton {\n margin: 0 2px;\n}\n\n.titlebar .right {\n margin-right: 8px;\n}\n\n.titlebar .left {\n margin-left: 8px;\n}\n\nwindowcontrols.end {\n margin-right: 8px;\n}\n\nwindowcontrols.start {\n margin-left: 8px;\n}\n\nbutton.titlebutton.close, button.titlebutton.close:hover:backdrop,\nwindowcontrols > button.close,\nwindowcontrols > button.close:hover:backdrop {\n background-color: #ff605c;\n}\n\nbutton.titlebutton.close:hover,\nwindowcontrols > button.close:hover {\n background-color: shade(#ff605c,0.9);\n}\n\nbutton.titlebutton.maximize, button.titlebutton.maximize:hover:backdrop,\nwindowcontrols > button.maximize,\nwindowcontrols > button.maximize:hover:backdrop {\n background-color: #00ca4e;\n}\n\nbutton.titlebutton.maximize:hover,\nwindowcontrols > button.maximize:hover {\n background-color: shade(#00ca4e,0.9);\n}\n\nbutton.titlebutton.minimize, button.titlebutton.minimize:hover:backdrop,\nwindowcontrols > button.minimize,\nwindowcontrols > button.minimize:hover:backdrop {\n background-color: #ffbd44;\n}\n\nbutton.titlebutton.minimize:hover,\nwindowcontrols > button.minimize:hover {\n background-color: shade(#ffbd44,0.9);\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: #c0bfc0;\n}\n\nnotebook > header tab:not(:backdrop):not(:checked).reorderable-page,\ntabbar tab:not(:backdrop):not(:checked) {\n background-color: #e1dfe1;\n box-shadow: none;\n border-bottom: 1px solid alpha(currentColor,0.15);\n}\n\nnotebook > header tab:hover:not(:backdrop):not(:checked).reorderable-page,\ntabbar tab:hover:not(:backdrop):not(:checked) {\n background-color: shade(#e1dfe1,0.96);\n}\n\nnotebook > header tab:not(:backdrop):checked.reorderable-page,\ntabbar tab:not(:backdrop):checked {\n background-color: @view_bg_color;\n box-shadow: none;\n border-bottom: 1px solid alpha(currentColor,0.15);\n}\n\nnotebook > header tab:backdrop.reorderable-page,\ntabbar tab:backdrop {\n box-shadow: none;\n background-color: mix(@window_bg_color,#e1dfe1,0.5);\n}\n\nnotebook > header tab:checked:backdrop.reorderable-page,\ntabbar tab:checked:backdrop {\n background-color: @window_bg_color;\n}\n\ntabbar tab {\n border: 0;\n}\n\n.nautilus-window .sidebar {\n background-color: mix(@window_bg_color,@view_bg_color,0.5);\n}\n\n.nautilus-window .sidebar:backdrop {\n background-color: @window_bg_color;\n}" } }