mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 08:55:31 +02:00
Merge pull request #1496 from lenzfliker/mod-update--smaller-zen-toast-popup--v1-1-0
mod update: smaller zen toast popup v1.1.0
This commit is contained in:
commit
0e0d9efb95
2 changed files with 131 additions and 13 deletions
|
@ -6,31 +6,48 @@
|
|||
right: calc(var(--zen-element-separation) * 2) !important;
|
||||
}
|
||||
|
||||
:root[zen-right-side='true'] & {
|
||||
:root[zen-right-side='true'] & {
|
||||
left: calc(var(--zen-element-separation) * 2) !important;
|
||||
}
|
||||
|
||||
& .zen-toast {
|
||||
|
||||
padding: 6px !important;
|
||||
& .zen-toast {
|
||||
padding: 6px !important;
|
||||
border-radius: 12px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 12px !important;
|
||||
box-shadow: 0px !important ;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2) !important;
|
||||
background: rgba(255, 255, 255, 0.2) !important;
|
||||
color: color-mix(in srgb, var(--button-primary-color) 20%, transparent) !important;
|
||||
|
||||
& .description {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
& .zen-toast:hover {
|
||||
background: var(--zen-primary-color) !important;
|
||||
color: var(--button-primary-color) !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.0) !important;
|
||||
transition: 0.3s !important;
|
||||
&:has(#mod-zentoast[mod-zentoast-background_opacity="0.1"]) { background: rgba(255, 255, 255, 0.1) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-background_opacity="0.2"]) { background: rgba(255, 255, 255, 0.2) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-background_opacity="0.3"]) { background: rgba(255, 255, 255, 0.3) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-background_opacity="0.4"]) { background: rgba(255, 255, 255, 0.4) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-background_opacity="0.5"]) { background: rgba(255, 255, 255, 0.5) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-background_opacity="0.6"]) { background: rgba(255, 255, 255, 0.6) !important; }
|
||||
|
||||
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.1"]) { border: 1px solid rgba(0, 0, 0, 0.1) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.2"]) { border: 1px solid rgba(0, 0, 0, 0.2) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.3"]) { border: 1px solid rgba(0, 0, 0, 0.3) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.4"]) { border: 1px solid rgba(0, 0, 0, 0.4) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.5"]) { border: 1px solid rgba(0, 0, 0, 0.5) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-border_opacity="0.6"]) { border: 1px solid rgba(0, 0, 0, 0.6) !important; }
|
||||
|
||||
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.1"]) { color: rgba(0, 0, 0, 0.1) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.2"]) { color: rgba(0, 0, 0, 0.2) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.3"]) { color: rgba(0, 0, 0, 0.3) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.4"]) { color: rgba(0, 0, 0, 0.4) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.5"]) { color: rgba(0, 0, 0, 0.5) !important; }
|
||||
&:has(#mod-zentoast[mod-zentoast-text_opacity="0.6"]) { color: rgba(0, 0, 0, 0.6) !important; }
|
||||
|
||||
&:hover {
|
||||
background: var(--zen-primary-color) !important;
|
||||
color: var(--button-primary-color) !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.0) !important;
|
||||
transition: 0.3s !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
101
themes/e51b85e6-cef5-45d4-9fff-6986637974e1/preferences.json
Normal file
101
themes/e51b85e6-cef5-45d4-9fff-6986637974e1/preferences.json
Normal file
|
@ -0,0 +1,101 @@
|
|||
[
|
||||
{
|
||||
"property": "mod.zentoast.background_opacity",
|
||||
"label": "Background opacity",
|
||||
"type": "dropdown",
|
||||
"placeholder": "Select background opacity",
|
||||
"defaultValue": "0.3",
|
||||
"options": [
|
||||
{
|
||||
"label": "10%",
|
||||
"value": "0.1"
|
||||
},
|
||||
{
|
||||
"label": "20%",
|
||||
"value": "0.2"
|
||||
},
|
||||
{
|
||||
"label": "30%",
|
||||
"value": "0.3"
|
||||
},
|
||||
{
|
||||
"label": "40%",
|
||||
"value": "0.4"
|
||||
},
|
||||
{
|
||||
"label": "50%",
|
||||
"value": "0.5"
|
||||
},
|
||||
{
|
||||
"label": "60%",
|
||||
"value": "0.6"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "mod.zentoast.border_opacity",
|
||||
"label": "Border opacity",
|
||||
"type": "dropdown",
|
||||
"placeholder": "Select border opacity",
|
||||
"defaultValue": "0.3",
|
||||
"options": [
|
||||
{
|
||||
"label": "10%",
|
||||
"value": "0.1"
|
||||
},
|
||||
{
|
||||
"label": "20%",
|
||||
"value": "0.2"
|
||||
},
|
||||
{
|
||||
"label": "30%",
|
||||
"value": "0.3"
|
||||
},
|
||||
{
|
||||
"label": "40%",
|
||||
"value": "0.4"
|
||||
},
|
||||
{
|
||||
"label": "50%",
|
||||
"value": "0.5"
|
||||
},
|
||||
{
|
||||
"label": "60%",
|
||||
"value": "0.6"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"property": "mod.zentoast.text_opacity",
|
||||
"label": "Text opacity",
|
||||
"type": "dropdown",
|
||||
"placeholder": "Select text opacity",
|
||||
"defaultValue": "0.3",
|
||||
"options": [
|
||||
{
|
||||
"label": "10%",
|
||||
"value": "0.1"
|
||||
},
|
||||
{
|
||||
"label": "20%",
|
||||
"value": "0.2"
|
||||
},
|
||||
{
|
||||
"label": "30%",
|
||||
"value": "0.3"
|
||||
},
|
||||
{
|
||||
"label": "40%",
|
||||
"value": "0.4"
|
||||
},
|
||||
{
|
||||
"label": "50%",
|
||||
"value": "0.5"
|
||||
},
|
||||
{
|
||||
"label": "60%",
|
||||
"value": "0.6"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
Loading…
Add table
Add a link
Reference in a new issue