diff --git a/src/components/tabs/style.scss b/src/components/tabs/style.scss index b61e5cd9f..3eafc115b 100644 --- a/src/components/tabs/style.scss +++ b/src/components/tabs/style.scss @@ -9,7 +9,6 @@ $tabSwitcher: 'tab-switcher'; .tab-button { align-items: center; - color: rgba(255, 255, 255, 0.6); cursor: pointer; display: inline-flex; height: 100%; @@ -37,7 +36,6 @@ $tabSwitcher: 'tab-switcher'; width: 18px; &::after { - background-color: #fff; border-radius: 50%; content: ''; display: block; @@ -52,7 +50,6 @@ $tabSwitcher: 'tab-switcher'; &__close { cursor: pointer; display: block; - fill: rgba(255, 255, 255, 1); font-weight: 500; height: 18px; width: 18px; @@ -92,4 +89,4 @@ $tabSwitcher: 'tab-switcher'; margin-bottom: auto; overflow: hidden; overflow-y: auto; -} +} \ No newline at end of file diff --git a/src/style/theme.scss b/src/style/theme.scss index c30798e83..923d78139 100644 --- a/src/style/theme.scss +++ b/src/style/theme.scss @@ -152,17 +152,17 @@ } } - .rc-tree-treenode.drag-over > .draggable { + .rc-tree-treenode.drag-over>.draggable { @include border-color(#316ac5); background-color: #316ac5; color: #bbb; } - .rc-tree-treenode.drag-over-gap-top > .draggable { + .rc-tree-treenode.drag-over-gap-top>.draggable { border-top: 2px rgb(0, 122, 204) solid; } - .rc-tree-treenode.drag-over-gap-bottom > .draggable { + .rc-tree-treenode.drag-over-gap-bottom>.draggable { border-bottom: 2px rgb(0, 122, 204) solid; } @@ -174,6 +174,20 @@ // =============== Tab =============== // #{prefix($tabSwitcher)} { background-color: rgb(37, 37, 38); + + .tab-button { + color: rgba(255, 255, 255, 0.6); + + &__dot { + &::after { + background-color: #fff; + } + } + + &__close { + fill: rgba(255, 255, 255, 1); + } + } } // =============== Button =============== // @@ -192,4 +206,4 @@ background-color: #316ac5; } } -} +} \ No newline at end of file