feat: vignette - save styles

This commit is contained in:
Azgaar 2023-11-25 19:31:44 +04:00
parent 7f60a4a12a
commit b0a966fa2e
11 changed files with 143 additions and 1 deletions

View file

@ -299,7 +299,9 @@ function addStylePreset() {
"font-family",
"filter"
],
"#fogging": ["opacity", "fill", "filter"]
"#fogging": ["opacity", "fill", "filter"],
"#vignette": ["opacity", "fill", "filter"],
"#vignette-rect": ["x", "y", "width", "height", "rx", "ry", "filter"]
};
for (const selector in attributes) {

View file

@ -384,5 +384,19 @@
"opacity": 0.98,
"fill": "#30426f",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}

View file

@ -384,5 +384,19 @@
"opacity": 0.98,
"fill": "#30426f",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}

View file

@ -386,5 +386,19 @@
"opacity": 1,
"fill": "#ffffff",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}

View file

@ -384,5 +384,19 @@
"opacity": 0.98,
"fill": "#1b1423",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}

View file

@ -386,5 +386,19 @@
"opacity": 0.98,
"fill": "#1b1423",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}

View file

@ -384,5 +384,19 @@
"opacity": 1,
"fill": "#30426f",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}

View file

@ -380,5 +380,19 @@
"opacity": 0.98,
"fill": "#30426f",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}

View file

@ -384,5 +384,19 @@
"opacity": 0.8,
"fill": "#000000",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}

View file

@ -384,5 +384,19 @@
"opacity": 1,
"fill": "#30426f",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}

View file

@ -384,5 +384,19 @@
"opacity": 0.97,
"fill": "#8398ce",
"filter": null
},
"#vignette": {
"opacity": 0.3,
"fill": "#000000",
"filter": null
},
"#vignette-rect": {
"x": "0.3%",
"y": "0.4%",
"width": "99.6%",
"height": "99.2%",
"rx": "5%",
"ry": "5%",
"filter": "blur(20px)"
}
}