update dark mod stype

This commit is contained in:
yoan 2024-10-24 08:59:17 +08:00
parent 92a6b179d4
commit 564eb48ebe

View File

@ -68,7 +68,7 @@ const SSLProvider = () => {
const getOptionCls = (val: string) => { const getOptionCls = (val: string) => {
if (config.content?.provider === val) { if (config.content?.provider === val) {
return "border-primary"; return "border-primary dark:border-primary";
} }
return ""; return "";
@ -97,9 +97,9 @@ const SSLProvider = () => {
<> <>
<Context.Provider value={{ onSubmit, setConfig, setting: config }}> <Context.Provider value={{ onSubmit, setConfig, setting: config }}>
<div className="w-full md:max-w-[35em]"> <div className="w-full md:max-w-[35em]">
<Label>{t("common.text.ca")}</Label> <Label className="dark:text-stone-200">{t("common.text.ca")}</Label>
<RadioGroup <RadioGroup
className="flex mt-3" className="flex mt-3 dark:text-stone-200"
onValueChange={(val) => { onValueChange={(val) => {
setProvider(val as SSLProviderType); setProvider(val as SSLProviderType);
}} }}
@ -108,7 +108,7 @@ const SSLProvider = () => {
<div className="flex items-center space-x-2 "> <div className="flex items-center space-x-2 ">
<RadioGroupItem value="letsencrypt" id="letsencrypt" /> <RadioGroupItem value="letsencrypt" id="letsencrypt" />
<Label htmlFor="letsencrypt"> <Label htmlFor="letsencrypt">
<div className={cn("flex items-center space-x-2 border p-2 rounded cursor-pointer", getOptionCls("letsencrypt"))}> <div className={cn("flex items-center space-x-2 border p-2 rounded cursor-pointer dark:border-stone-700", getOptionCls("letsencrypt"))}>
<img src={"/imgs/providers/letsencrypt.svg"} className="h-6" /> <img src={"/imgs/providers/letsencrypt.svg"} className="h-6" />
<div>{"Let's Encrypt"}</div> <div>{"Let's Encrypt"}</div>
</div> </div>
@ -117,7 +117,7 @@ const SSLProvider = () => {
<div className="flex items-center space-x-2 "> <div className="flex items-center space-x-2 ">
<RadioGroupItem value="zerossl" id="zerossl" /> <RadioGroupItem value="zerossl" id="zerossl" />
<Label htmlFor="zerossl"> <Label htmlFor="zerossl">
<div className={cn("flex items-center space-x-2 border p-2 rounded cursor-pointer", getOptionCls("zerossl"))}> <div className={cn("flex items-center space-x-2 border p-2 rounded cursor-pointer dark:border-stone-700", getOptionCls("zerossl"))}>
<img src={"/imgs/providers/zerossl.svg"} className="h-6" /> <img src={"/imgs/providers/zerossl.svg"} className="h-6" />
<div>{"ZeroSSL"}</div> <div>{"ZeroSSL"}</div>
</div> </div>
@ -127,7 +127,7 @@ const SSLProvider = () => {
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<RadioGroupItem value="gts" id="gts" /> <RadioGroupItem value="gts" id="gts" />
<Label htmlFor="gts"> <Label htmlFor="gts">
<div className={cn("flex items-center space-x-2 border p-2 rounded cursor-pointer", getOptionCls("gts"))}> <div className={cn("flex items-center space-x-2 border p-2 rounded cursor-pointer dark:border-stone-700", getOptionCls("gts"))}>
<img src={"/imgs/providers/google.svg"} className="h-6" /> <img src={"/imgs/providers/google.svg"} className="h-6" />
<div>{"Google Trust Services"}</div> <div>{"Google Trust Services"}</div>
</div> </div>
@ -443,3 +443,4 @@ const SSLProviderGtsForm = () => {
}; };
export default SSLProvider; export default SSLProvider;