mirror of
https://github.com/GradienceTeam/Community.git
synced 2024-05-12 07:54:23 +00:00
109 lines
9 KiB
JSON
109 lines
9 KiB
JSON
{
|
|
"name": "Pop",
|
|
"variables": {
|
|
"accent_color": "rgb(225,160,22)",
|
|
"accent_bg_color": "rgb(255,173,0)",
|
|
"accent_fg_color": "rgb(48,48,48)",
|
|
"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": "#fafafa",
|
|
"window_fg_color": "rgba(0, 0, 0, 0.8)",
|
|
"view_bg_color": "#ffffff",
|
|
"view_fg_color": "#000000",
|
|
"headerbar_bg_color": "rgb(87,79,74)",
|
|
"headerbar_fg_color": "rgb(255,255,255)",
|
|
"headerbar_border_color": "rgba(0, 0, 0, 0.8)",
|
|
"headerbar_backdrop_color": "rgb(87,79,74)",
|
|
"headerbar_shade_color": "rgba(0, 0, 0, 0.07)",
|
|
"card_bg_color": "#ffffff",
|
|
"card_fg_color": "rgba(0, 0, 0, 0.8)",
|
|
"card_shade_color": "rgba(0, 0, 0, 0.07)",
|
|
"dialog_bg_color": "#fafafa",
|
|
"dialog_fg_color": "rgba(0, 0, 0, 0.8)",
|
|
"popover_bg_color": "#ffffff",
|
|
"popover_fg_color": "rgba(0, 0, 0, 0.8)",
|
|
"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": "\n/*****************\n *WINDOW CONTROLS*\n *****************/\n\n/* Transparent background and reduce size to GTK3 levels*/\nwindowcontrols image {\n\tbackground-color: transparent;\n\tbackground-clip: content-box;\n}\n\n/* If you want to keep the circles when you hover: */\nwindowcontrols image:hover {\n\tbackground-color: alpha(@headerbar_fg_color, 0.16);\n}\n/* When the buttons are pushed down: */\nwindowcontrols image:active {\n\tbackground-color: alpha(@headerbar_fg_color, 0.10);\n}\nheaderbar windowcontrols button.close image {\n\tbackground-color: #f28c2a;\n}\nheaderbar windowcontrols button.close image:hover {\n\tbackground-color: alpha(@headerbar_fg_color, 0.16);\n}\nheaderbar windowcontrols button.close image:active {\n\tbackground-color: alpha(@headerbar_fg_color, 0.10);\n}\nheaderbar:backdrop windowcontrols button.close image {\n\tbackground-color: transparent;\n}\nheaderbar:backdrop windowcontrols button.close image:hover {\n\tbackground-color: alpha(@headerbar_fg_color, 0.10);\n}\n\n/*****************\n *CONTROL WIDGETS*\n *****************/\nswitch slider {\n background-color: #f6f6f6;\n}\nswitch {\n background-color: #a9a9a9;\n}\nswitch:checked {\n background-color: #ffad00;\n}\ncheckbutton check:checked{\n color: #363636;\n background-color:#ffad00;\n}\nscale highlight{\n background-color: #48b9c7;\n}\nscale slider{\n background-color: #48b9c7;\n}\n\n/*****************\n *CARDS/BOXEDLIST*\n *****************/\n\n/*Borders to seperate foreground from background */\n.card {\n\tborder-radius: 5px;\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-color: @shade_color;\n}\n\nlist.boxed-list {\n\tborder-radius: 5px;\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-color: @shade_color;\n}\n\nlist.boxed-list row:not(:last-child):not(:first-child):only-child{\n\tborder-radius: 0px;\n}\n\n/*nested rows are wierd and don't have a color*/\nlist.boxed-list row.expander row:last-child:not(:only-child) {\n\tbackground-color: #f6f6f6;\n}\n\n/*middle rows are straight*/\nlist.boxed-list row:not(:last-child):not(:first-child):hover{\n\tborder-radius: 0px;\n}\n\n/*end rows are rounded at the bottom*/\nlist.boxed-list row:last-child, list.boxed-list row:last-child:hover {\n\tborder-top-left-radius: 0px;\n\tborder-top-right-radius: 0px;\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n}\n\n/*begining rows are rounded at the top*/\nlist.boxed-list row:first-child,list.boxed-list row:first-child:hover {\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n\tborder-bottom-left-radius: 0px;\n\tborder-bottom-right-radius: 0px;\n}\n\nlist.boxed-list row.activatable:not(:last-child):not(:first-child):selected {\n\tcolor: @dark_5;\n\tbackground-color: #48b9c7;\n\tborder-radius: 0px;\n}\n\nlist.boxed-list row.activatable:last-child:selected{\n\tcolor: @dark_5;\n\tbackground-color: #48b9c7;\n\tborder-top-left-radius: 0px;\n\tborder-top-right-radius: 0px;\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n}\n\nlist.boxed-list row.activatable:first-child:selected {\n\tcolor: @dark_5;\n\tbackground-color: #48b9c7;\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n}\n\nrow.activatable:selected {\n\tcolor: @dark_5;\n\tbackground-color: #48b9c7;\n}\n\n\nlist row.entry:only-child,list row.entry:only-child:hover {\n\tborder-radius: 5px;\n}\nwindow {\n\tborder-bottom-left-radius: 5px;\n\tborder-bottom-right-radius: 5px;\n\tborder-top-left-radius: 5px;\n\tborder-top-right-radius: 5px;\n}\n\n/*Fixed Dialog Buttons */\nwindow.background.csd.messagedialog .response-area button:first-child {\n\tborder-bottom-left-radius: 5px;\n}\n\nwindow.background.csd.messagedialog .response-area button:last-child {\n\tborder-bottom-right-radius: 5px;\n}\n\nscrollbar range trough slider:active {\n\tcolor: #48b9c7;\n}\n\n\n/***************\n *Viewswitcher *\n ***************/\nviewswitcher button.flat.horizontal.toggle {\n\tmargin-top: 0px;\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\nviewswitcher button.flat.horizontal.toggle:hover {\n\tmargin-top: 0px;\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px darker(@headerbar_bg_color);\n}\n\nviewswitcher button.flat.horizontal.toggle:checked {\n\tmargin-top: 0px;\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px @accent_bg_color;\n}\n\nviewswitcher button.flat.horizontal.toggle box, viewswitcher button.flat.vertical.toggle box {\n\tmargin-top: 2px;\n}\n\n\nrevealer viewswitcher button.flat.vertical.toggle box {\n\tmargin-top: 5px;\n}\n\nviewswitcher button.flat.vertical.toggle {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\nviewswitcher button.flat.vertical.toggle:hover {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px darker(@headerbar_bg_color);\n}\n\nviewswitcher button.flat.vertical.toggle:checked {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px @accent_bg_color;\n}\n\n/*When view switcher is at the bottom and narrow*/\nrevealer viewswitcher.narrow button.flat.vertical.toggle {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\nrevealer viewswitcher.narrow button.flat.vertical.toggle:hover {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px 4px darker(@headerbar_bg_color);\n}\n\nrevealer viewswitcher.narrow button.flat.vertical.toggle:checked {\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px 4px @accent_bg_color;\n}\n\n/*******\n *TABS *\n *******/\ntabboxchild {\n\tmargin-top: 0px;\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\ntabboxchild tab {\n\tborder-radius: 0px;\n}\n\ntabboxchild tab:selected {\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px @accent_bg_color;\n}\n\ntabboxchild tab:hover:not(:selected) {\n\tborder-radius: 0px;\n\tbox-shadow: inset 0px -4px darker(@headerbar_bg_color);\n}\n\ntabthumbnail picture {\n\tborder-radius: 5px;\n}\n\npopover contents {\n\tborder-radius: 5px;\n\tborder-style: solid;\n\tborder-width: 1px;\n\tborder-color: @shade_color;\n}\n",
|
|
"gtk3": ""
|
|
},
|
|
"plugins": {}
|
|
}
|