From 63538d7bf9b22af7bb64bbc1b7a399d3722d6644 Mon Sep 17 00:00:00 2001 From: shylinux Date: Fri, 21 Apr 2023 14:25:01 +0800 Subject: [PATCH] opt svg --- index.css | 42 +++++++++++++++++++++++++------------ plugin/local/code/vimer.css | 5 +++-- 2 files changed, 32 insertions(+), 15 deletions(-) diff --git a/index.css b/index.css index d99086db..88a072b7 100644 --- a/index.css +++ b/index.css @@ -161,7 +161,6 @@ body.mobile fieldset>form.option>div.button>span.icon { line-height:38px; font-s body.windows form.option>div.icon { font-size:21px; } body.windows fieldset.inner.cmd>div.output>div.layout.flow>div.tabs div.website.icon { line-height:36px; } /* svg */ -/* svg rect { transition:fill ease-in 5s; } */ svg text { font-size:24px; font-family:monospace; } svg rect { stroke-width:2; } svg line { stroke-width:2; } @@ -170,26 +169,43 @@ svg g[font-size] text { font-size:unset; } svg g[stroke-width] rect { stroke-width:unset; } svg g[stroke-width] line { stroke-width:unset; } svg g[stroke-width] path { stroke-width:unset; } +svg text { stroke:black; fill:black; } +svg rect { stroke:black; fill:white; } +svg line { stroke:black; } +svg path { stroke:black; } +svg g[fill] text { fill:unset; } +svg g[fill] rect { fill:unset; } +svg g[stroke] text { stroke:unset; } +svg g[stroke] rect { stroke:unset; } +svg g[stroke] line { stroke:unset; } +svg g[stroke] path { stroke:unset; } body.dark svg text { stroke:silver; fill:silver; } body.dark svg rect { stroke:silver; fill:black; } body.dark svg line { stroke:silver; } body.dark svg path { stroke:silver; } -body.light svg text { stroke:black; fill:black; } -body.light svg rect { stroke:black; fill:white; } -body.light svg line { stroke:black; } -body.light svg path { stroke:black; } -body.light svg g[fill] text { fill:unset; } -body.light svg g[stroke] text { stroke:unset; } -body.light svg g[stroke] line { stroke:unset; } -body.light svg g[stroke] path { stroke:unset; } -body.light svg g[stroke] rect { stroke:unset; } -body.light svg g[fill] rect { fill:unset; } body.dark svg g[fill] text { fill:unset; } +body.dark svg g[fill] rect { fill:unset; } body.dark svg g[stroke] text { stroke:unset; } +body.dark svg g[stroke] rect { stroke:unset; } body.dark svg g[stroke] line { stroke:unset; } body.dark svg g[stroke] path { stroke:unset; } -body.dark svg g[stroke] rect { stroke:unset; } -body.dark svg g[fill] rect { fill:unset; } +body.black svg text { stroke:silver; fill:silver; } +body.black svg rect { stroke:silver; fill:transparent; } +body.black svg line { stroke:silver; } +body.black svg path { stroke:silver; } +body.black svg g[fill] text { fill:unset; } +body.black svg g[fill] rect { fill:unset; } +body.black svg g[stroke] text { stroke:unset; } +body.black svg g[stroke] rect { stroke:unset; } +body.black svg g[stroke] line { stroke:unset; } +body.black svg g[stroke] path { stroke:unset; } +body.white svg rect { fill:transparent; } +body.white svg g[fill] text { fill:unset; } +body.white svg g[fill] rect { fill:unset; } +body.white svg g[stroke] text { stroke:unset; } +body.white svg g[stroke] rect { stroke:unset; } +body.white svg g[stroke] line { stroke:unset; } +body.white svg g[stroke] path { stroke:unset; } /* display */ fieldset>form.option, fieldset>div.action { display:contents; } form.option.hide, div.action.hide { display:none; } form.option>div.item>label, div.action>div.item>label, .hidden, .hide { display:none; } diff --git a/plugin/local/code/vimer.css b/plugin/local/code/vimer.css index 32a3dad7..efbd998a 100644 --- a/plugin/local/code/vimer.css +++ b/plugin/local/code/vimer.css @@ -1,16 +1,17 @@ fieldset.vimer>div.output>div.project>div.zone.space div.item.stop { color:gray; } +fieldset.inner>div.output>div.layout>div.layout>div.content div.tips { display:none; } +fieldset.vimer>div.output>div.layout>div.layout div.content div.tips { color:gray; font-style:italic; position:absolute; top:0; right:0; } fieldset.vimer>div.output>div.layout>div.layout div.content input.current { background-color:transparent; color:transparent; padding-left:10px; height:20px; position:absolute; } fieldset.vimer>div.output>div.layout>div.layout div.content div.complete { background-color:unset; padding-top:0; display:none; overflow:auto; position:absolute; } fieldset.vimer>div.output>div.layout>div.layout div.content div.complete div.prefix { color:transparent; white-space:pre; float:left; } fieldset.vimer>div.output>div.layout>div.layout div.content div.complete table.content thead { display:none; } fieldset.vimer>div.output>div.layout>div.layout div.content div.complete table.content { padding-left:5px; width:unset; max-width:600px; display:block; } -fieldset.vimer>div.output>div.layout>div.layout div.content.insert div.complete:not(.hide) { display:block; top:unset; } -fieldset.vimer>div.output>div.layout>div.layout div.content div.tips { color:gray; font-style:italic; position:absolute; top:0; right:0; } fieldset.vimer>div.output>div.layout>div.layout>div.layout div.content { border-left:gray solid 1px; border-top:gray solid 1px; } fieldset.vimer>div.output>div.layout>div.layout>div.layout div.content.normal.select { border:blue solid 1px; } fieldset.vimer>div.output>div.layout>div.layout>div.layout div.content.insert.select { border:red solid 1px; } fieldset.vimer>div.output>div.layout>div.layout div.content.normal tr.line.select>td.line { background-color:blue; color:white; } fieldset.vimer>div.output>div.layout>div.layout div.content.insert tr.line.select>td.line { background-color:red; color:white; } +fieldset.vimer>div.output>div.layout>div.layout div.content.insert div.complete:not(.hide) { display:block; top:unset; } fieldset.vimer>div.output>div.layout>div.layout div.content.normal input:not([type=button]) { border:blue solid 1px; } fieldset.vimer>div.output>div.layout>div.layout div.content.insert input:not([type=button]) { border:red solid 1px; } fieldset.vimer>div.output>div.layout>div.layout div.content.normal input.current { caret-color:lightgray; }