tag dark

baishancloud · Nov 3, 2017 · 90713f1 · 90713f1
1 parent ba22112
commit 90713f1
Showing 1 changed file with 66 additions and 0 deletions.
diff --git a/src/styles/components/tag.less b/src/styles/components/tag.less
@@ -1,6 +1,72 @@
 @tag-prefix-cls: ~"@{css-prefix}tag";
 @tag-close-prefix-cls: bsc-icon-ios-close-empty;
 
+.dark .@{tag-prefix-cls} {
+    border: 1px solid @border-color-split-dark;
+    background: @table-thead-bg-dark;
+
+    &-dot{
+        border: 1px solid @border-color-split-dark !important;
+        color: @text-color-dark !important;
+        background: @table-thead-bg-dark !important;
+
+        &-inner{
+            background: @border-color-split-dark;
+        }
+        .@{tag-close-prefix-cls} {
+            color: #c0ccda !important;
+        }
+    }
+
+    &-border{
+        border: 1px solid @border-color-split-dark !important;
+        color: @text-color-dark !important;
+        background: @table-thead-bg-dark !important;
+
+        .@{tag-close-prefix-cls} {
+            color: #c0ccda !important;
+        }
+
+        &:after{
+            background: @border-color-split-dark;
+        }
+    }
+
+    &,
+    a,
+    a:hover {
+        color: @text-color-dark;
+    }
+
+    .@{tag-close-prefix-cls} {
+        color: #c0ccda;
+    }
+
+    &-blue,
+    &-blue&-dot &-dot-inner
+    {
+        background: @link-color;
+    }
+
+    &-green,
+    &-green&-dot &-dot-inner
+    {
+        background: @success-color;
+    }
+
+    &-yellow,
+    &-yellow&-dot &-dot-inner
+    {
+        background: @warning-color;
+    }
+
+    &-red,
+    &-red&-dot &-dot-inner
+    {
+        background: @error-color;
+    }
+}
+
 .@{tag-prefix-cls} {
     display: inline-block;
     height: 22px;