Add Pop Dark Preset

A preset I've made to mimic Pop Dark appearance and behavior
This commit is contained in:
halfmexican 2022-09-20 11:07:05 -05:00 committed by GitHub
parent 0083dbe516
commit ce5de1eb4d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

107
curated/pop-dark.json Normal file
View file

@ -0,0 +1,107 @@
{
"name": "Pop Dark",
"variables": {
"accent_color": "rgb(242,140,42)",
"accent_bg_color": "rgb(251,184,108)",
"accent_fg_color": "rgb(48,48,48)",
"destructive_color": "#ff7b63",
"destructive_bg_color": "#c01c28",
"destructive_fg_color": "#ffffff",
"success_color": "#8ff0a4",
"success_bg_color": "#26a269",
"success_fg_color": "#ffffff",
"warning_color": "#f8e45c",
"warning_bg_color": "#cd9309",
"warning_fg_color": "rgba(0, 0, 0, 0.8)",
"error_color": "#ff7b63",
"error_bg_color": "#c01c28",
"error_fg_color": "rgb(54,54,54)",
"window_bg_color": "rgb(48,48,48)",
"window_fg_color": "#ffffff",
"view_bg_color": "rgb(43,43,43)",
"view_fg_color": "#ffffff",
"headerbar_bg_color": "rgb(54,54,54)",
"headerbar_fg_color": "#ffffff",
"headerbar_border_color": "#ffffff",
"headerbar_backdrop_color": "@window_bg_color",
"headerbar_shade_color": "rgba(0, 0, 0, 0.36)",
"card_bg_color": "rgba(255, 255, 255, 0.08)",
"card_fg_color": "#ffffff",
"card_shade_color": "rgba(0, 0, 0, 0.36)",
"dialog_bg_color": "#383838",
"dialog_fg_color": "#ffffff",
"popover_bg_color": "rgb(43,43,43)",
"popover_fg_color": "#ffffff",
"shade_color": "rgba(0,0,0,0.36)",
"scrollbar_outline_color": "rgba(0,0,0,0.5)"
},
"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": "\nwindowcontrols image {\n background-color: transparent;\n}\n \n/* If you want to keep the circles when you hover: */\nwindowcontrols image:hover {\n background-color: alpha(@headerbar_fg_color, 0.10);\n}\n\n/* When the buttons are pushed down: */\nwindowcontrols image:active {\n background-color: alpha(@headerbar_fg_color, 0.16);\n}\n\nheaderbar windowcontrols button.close image {\n background-color: #f28c2a;\n}\n\nheaderbar:backdrop windowcontrols button.close image {\n background-color: transparent;\n}\n\nswitch slider {\n\tbackground-color: #363636;\n}\n\ncheckbutton check:checked{\n\tcolor: #363636;\n}\n\n\n\n\n\n\n",
"gtk3": ""
}
}