fix: adapt to waline2

source/css/custom.styl

@@ -14,7 +14,7 @@ $transition_time ?= 0.2s
 .navbar-main, .card
     transition: background-color $transition_time ease-out !important
 
-body, hr, .button, .tag, .level, .box, .vpanel, .vmeta span
+body, hr, .button, .tag, .level, .box, .wl-panel, .wl-meta span, [data-waline] pre
     transition: background-color $transition_time ease-out
 
 img, ul, .highlight, code, p, i
@@ -89,7 +89,7 @@ body.night
     --waline-badge-color: dark-primary-color !important
     --waline-border: 1px solid var(--waline-border-color) !important
 
-.v[data-class=v]
+[data-waline]
     pre::-webkit-scrollbar-track
         background: rgba(0, 0, 0, 0.06) !important
         box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1) !important

source/css/night.styl

@@ -94,31 +94,31 @@ night()
         border-color: dark-primary-color-hover
 
     // comment
-    .v .vwrap,
-    .v .vwrap .vheader .vinput
+    [data-waline] .wl-wrap,
+    [data-waline] .wl-wrap .wl-header .wl-input
         border-color: dark-primary-color
-    .v .vwrap .vheader .vinput:focus
+    [data-waline] .wl-wrap .wl-header .wl-input:focus
         border-color: dark-primary-color-hover
-    .v .vbtn
+    [data-waline] .wl-btn
         color: dark-font-color
         background-color: dark-primary-color
         border-color: dark-primary-color
         &:hover
             background-color: dark-primary-color-hover
         &:active
             background-color: dark-primary-color-active
-    .v .vlist .vcard .vhead .vsys
+    [data-waline] .wl-list .wl-card .wl-head .wl-sys
         background-color: dark-primary-color
-    .v a:hover,
-    .v .vlist .vcard .vh .vmeta .vat
+    [data-waline] a:hover,
+    [data-waline] .wl-list .wl-card .wl-h .wl-meta .wl-at
         color: #ffffff
-    .v .vlist .vcard .vcontent.expand:before
+    [data-waline] .wl-list .wl-card .wl-content.expand:before
         background: -webkit-gradient(linear,left top,left bottom,from(rgba(37,41,54,0)),to(rgba(37,41,54,1)))
         background: linear-gradient(180deg,rgba(37,41,54,0),rgba(37,41,54,1))
-    .v .vlist .vcard .vcontent.expand:after
+    [data-waline] .wl-list .wl-card .wl-content.expand:after
         background: rgba(37,41,54,1)
-    .v .vlist .vcard .vh,
-    .v .vlist .vcard .vquote
+    [data-waline] .wl-list .wl-card .wl-h,
+    [data-waline] .wl-list .wl-card .wl-quote
         border-color: dark-primary-color-hover
 
     // font color
@@ -145,7 +145,7 @@ night()
     .button.is-white,
     .button.is-transparent,
     .article-licensing,
-    .v *
+    [data-waline] *
         color: dark-font-color
     .media-content,
     .has-text-grey,

source/css/prismjs.styl

@@ -2,7 +2,7 @@
 
 // default theme: https://github.com/PrismJS/prism-themes/blob/master/themes/prism-one-light.css
 code-light()
-    .v[data-class=v]
+    [data-waline]
         .token
             all: unset
 
@@ -114,7 +114,7 @@ code-light()
 
 // night theme: https://github.com/PrismJS/prism-themes/blob/master/themes/prism-one-dark.css
 code-night()
-    .v[data-class=v]
+    [data-waline]
         .token
             all: unset