|
@@ -0,0 +1,777 @@
|
|
|
+@picker-bg-color: fade(rgb(3, 7, 19), 95);
|
|
|
+
|
|
|
+#appBody.nsfStyle {
|
|
|
+ background: #09172b;
|
|
|
+
|
|
|
+
|
|
|
+ .card {
|
|
|
+ color : rgb(228, 236, 255);
|
|
|
+ background: #142446;
|
|
|
+
|
|
|
+ .safeCom {
|
|
|
+ .safeCom_head {
|
|
|
+ border-bottom: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .data-search {
|
|
|
+ .data-content {
|
|
|
+ .card-left {
|
|
|
+
|
|
|
+ .cardleft,
|
|
|
+ .cardright {
|
|
|
+ background: rgb(21, 37, 69);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-right {
|
|
|
+ background: rgb(21, 37, 69);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .pickerFifter {
|
|
|
+ .buttons {
|
|
|
+ background-color: rgba(37, 112, 206, 0.2);
|
|
|
+ border : 1px solid rgb(37, 112, 206);
|
|
|
+ color : rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .footerButton {
|
|
|
+ .el-button:first-child {
|
|
|
+ background-color: rgba(37, 112, 206, 0.16) !important;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button:last-of-type {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .tabCut {
|
|
|
+ .active {
|
|
|
+ background: rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .buttons {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .performance {
|
|
|
+ .lyl-item {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .tabCut1 {
|
|
|
+ .tabCut-item {
|
|
|
+ background: rgba(37, 112, 206, 0.4);
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .parcel-box .search .searchColor {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .windAndPhotovoltaic .wp-search .searchColor {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .selections {
|
|
|
+ .selections_btn {
|
|
|
+ background: rgba(37, 112, 206, 0.2);
|
|
|
+ border : 1px solid rgba(37, 112, 206, 0.2);
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgb(37, 112, 206);
|
|
|
+ border : 1px solid rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .query-items {
|
|
|
+ .newspan {
|
|
|
+ &.active {
|
|
|
+ background: linear-gradient(to top, rgba(#67b9ff, 0.5), rgba(#67b9ff, 0));
|
|
|
+
|
|
|
+ &:after {
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: linear-gradient(to top, rgba(#67b9ff, 0.5), rgba(#67b9ff, 0));
|
|
|
+
|
|
|
+ &:after {
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .searchColor {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .date {
|
|
|
+
|
|
|
+ .day,
|
|
|
+ .year {
|
|
|
+ border: 1px solid #67b9ff;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgba(#67b9ff, 0.4);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .mouth {
|
|
|
+ border-top : 1px solid #67b9ff;
|
|
|
+ border-bottom: 1px solid #67b9ff;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgba(#67b9ff, 0.4);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .device-config .device-content .box-card-tree,
|
|
|
+ .device-config .device-content .box-card {
|
|
|
+ background: rgb(21, 37, 69)
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .header-menu {
|
|
|
+ .header-menu-list {
|
|
|
+ .header-menu-item {
|
|
|
+ outline: none;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ color : #67b9ff;
|
|
|
+ background : linear-gradient(to top, rgba(#2169c3, 0.5), rgba(#142446, 0)) !important;
|
|
|
+ border-color: #2169c3 !important;
|
|
|
+
|
|
|
+ &:after {
|
|
|
+ border-color: #2169c3;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .header-menu-user {
|
|
|
+ .header-menu-user-title {
|
|
|
+ .el-dropdown-link {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .menu-list {
|
|
|
+ .menu-item {
|
|
|
+ .svg-icon-green {
|
|
|
+ svg {
|
|
|
+ use {
|
|
|
+ fill: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .svg-icon-gray {
|
|
|
+ svg {
|
|
|
+ use {
|
|
|
+ fill: #777;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .leftContent {
|
|
|
+ span {
|
|
|
+ color: rgb(254, 254, 255);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .form-wrapper {
|
|
|
+ .btns {
|
|
|
+ .buttons {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .menu-body {
|
|
|
+ background: rgb(8, 23, 44);
|
|
|
+
|
|
|
+
|
|
|
+ .sub-menu {
|
|
|
+ background : rgba(3, 7, 19, 0.75);
|
|
|
+ border-color: rgba(#2169c3, 0.5);
|
|
|
+
|
|
|
+ .menu-item {
|
|
|
+ border : 0;
|
|
|
+ color : #777;
|
|
|
+ background: rgb(8, 23, 44);
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgb(26, 102, 198);
|
|
|
+
|
|
|
+ .sub-menu-text {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .svg-icon-green {
|
|
|
+ svg {
|
|
|
+ use {
|
|
|
+ fill: #2169c3;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .main-body {
|
|
|
+ background: rgb(3, 7, 19);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-dialog {
|
|
|
+ background: fade(rgb(3, 7, 19), 95);
|
|
|
+ border : 1px solid fade(#2169c3, 50);
|
|
|
+ box-shadow: 0px 8px 17px 1px rgba(#2169c3, 0.3);
|
|
|
+
|
|
|
+ &.el-dialog--center .el-dialog__body,
|
|
|
+ .el-dialog__body {
|
|
|
+ padding: 16px 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.hide-header {
|
|
|
+ .el-dialog__header {
|
|
|
+ background: none;
|
|
|
+ border : none;
|
|
|
+
|
|
|
+ .el-dialog__title {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-overlay {
|
|
|
+ .el-dialog__header {
|
|
|
+ background: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-loading-mask {
|
|
|
+ .el-loading-spinner {
|
|
|
+ .path {
|
|
|
+ stroke: #2169c3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-loading-text {
|
|
|
+ color: #2169c3 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-select {
|
|
|
+ .el-select__tags {
|
|
|
+ .el-tag {
|
|
|
+ background: #000;
|
|
|
+
|
|
|
+ .el-icon-close {
|
|
|
+ background-color: transparent;
|
|
|
+ border : 1px solid #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-popper {
|
|
|
+ &.el-cascader__dropdown[role="tooltip"] {
|
|
|
+ background : @picker-bg-color;
|
|
|
+ border-color: @picker-bg-color;
|
|
|
+
|
|
|
+ .el-cascader-menu {
|
|
|
+ border-color: @gray;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-cascader-node:not(.is-disabled):focus,
|
|
|
+ .el-cascader-node:not(.is-disabled):hover {
|
|
|
+ background: fade(@green, 20);
|
|
|
+ color : @green;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-cascader-node.in-active-path,
|
|
|
+ .el-cascader-node.is-active,
|
|
|
+ .el-cascader-node.is-selectable.in-checked-path {
|
|
|
+ color: @green;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.el-select__popper[role="tooltip"] {
|
|
|
+ border-color: @picker-bg-color;
|
|
|
+ background : @picker-bg-color;
|
|
|
+
|
|
|
+ .el-cascader-menu {
|
|
|
+ border-color: @gray;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-select-dropdown__item.hover,
|
|
|
+ .el-select-dropdown__item:hover {
|
|
|
+ background: fade(rgb(26, 92, 175), 20);
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-select-dropdown__item.selected {
|
|
|
+ background : transparent;
|
|
|
+ color : rgb(26, 92, 175);
|
|
|
+ border-color: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-picker__popper.el-popper[role="tooltip"] {
|
|
|
+ border-color: @picker-bg-color !important;
|
|
|
+ background : @picker-bg-color !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-picker-panel__footer {
|
|
|
+ background: @picker-bg-color ;
|
|
|
+
|
|
|
+ .el-button--text {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button.is-plain {
|
|
|
+ color : #67b9ff;
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-date-editor.is-active,
|
|
|
+ .el-date-editor.is-active:hover,
|
|
|
+ .el-date-editor.is-focus .el-input__inner {
|
|
|
+ border-color: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+
|
|
|
+ .date-select.el-picker__popper.el-popper[role="tooltip"] .el-picker-panel .el-date-table td.current:not(.disabled) span,
|
|
|
+ .el-picker-panel.el-date-range-picker .el-date-range-picker__content .el-date-table td.end-date span,
|
|
|
+ .el-picker-panel.el-date-range-picker .el-date-range-picker__content .el-date-table td.start-date span {
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+
|
|
|
+ .date-select.el-picker__popper.el-popper[role="tooltip"] .el-picker-panel .el-date-table td.available:hover {
|
|
|
+ color: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-date-picker__header {
|
|
|
+
|
|
|
+ .el-icon-d-arrow-left:hover,
|
|
|
+ .el-icon-arrow-left:hover,
|
|
|
+ .el-date-picker__header-label:hover,
|
|
|
+ .el-icon-d-arrow-right:hover,
|
|
|
+ .el-icon-arrow-right:hover {
|
|
|
+ color: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-picker-panel {
|
|
|
+ .el-time-panel {
|
|
|
+ border-color : #fff;
|
|
|
+ background-color: rgb(3, 7, 19);
|
|
|
+ box-shadow : var(--el-box-shadow-light);
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-time-spinner__item {
|
|
|
+ color: rgb(223, 232, 250);
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover:not(.disabled):not(.active) {
|
|
|
+ background: fade(rgb(26, 92, 175), 75);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-time-panel__footer {
|
|
|
+ background: rgb(3, 7, 19);
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-time-panel__btn.cancel {
|
|
|
+ color: #fff,
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-time-panel__btn.confirm {
|
|
|
+ color: #67b9ff,
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .date-select.el-picker__popper.el-popper[role="tooltip"] .el-picker-panel .el-date-picker__editor-wrap .el-time-panel .el-time-panel__content {
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tree .el-tree-node__content:hover,
|
|
|
+ .el-tree .el-upload-list__item:hover {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-overlay .el-radio-group .el-radio-button__original-radio:checked+.el-radio-button__inner {
|
|
|
+ background-color: rgba(#67b9ff, 0.75);
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-overlay .el-radio-group .el-radio-button__original-radio+.el-radio-button__inner {
|
|
|
+ border-color: #2169c3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-overlay .el-radio-group .el-radio-button__original-radio+.el-radio-button__inner {
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-overlay .el-message-box {
|
|
|
+ background: rgba(3, 7, 19, 0.95);
|
|
|
+ border : 1px solid rgba(33, 105, 195, 0.5);
|
|
|
+ box-shadow: 0px 8px 17px 1px rgba(33, 105, 195, 0.3);
|
|
|
+
|
|
|
+ .el-message-box__btns {
|
|
|
+ .el-button.el-button--primary {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-pagination {
|
|
|
+ .el-pagination__sizes {
|
|
|
+ .el-input {
|
|
|
+ .el-input__inner:hover {
|
|
|
+ border-color: #47aee7;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-pager {
|
|
|
+ li.active {
|
|
|
+ color: #47aee7;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
|
|
|
+ .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
|
+ background-color: #2169c3;
|
|
|
+ border-color : #2169c3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-tabs .el-tabs__item.is-active,
|
|
|
+ .el-tabs .el-tabs__item:hover {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs .el-tabs__active-bar {
|
|
|
+ background-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
|
|
|
+ border-bottom-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs.el-tabs--card>.el-tabs__header .el-tabs__nav {
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs.el-tabs--card>.el-tabs__header .el-tabs__item {
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs .el-tabs__item {
|
|
|
+ color: #aaa;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .dropdown .el-dropdown-menu {
|
|
|
+ background: rgb(10, 23, 42);
|
|
|
+
|
|
|
+ .el-dropdown-menu__item {
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-scrollbar__view.el-dropdown__list {
|
|
|
+ background: transparent;
|
|
|
+ margin : 0;
|
|
|
+ padding : 0;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-radio.is-checked {
|
|
|
+ .el-radio__inner {
|
|
|
+ background : #67b9ff;
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-radio__label {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .el-popover {
|
|
|
+ background: rgb(3, 7, 19);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .search-wrapper {
|
|
|
+ .buttons {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .main-body,
|
|
|
+ .warn-table,
|
|
|
+ .df-table {
|
|
|
+
|
|
|
+ .el-table,
|
|
|
+ .custom-table.el-table {
|
|
|
+ background: rgb(3, 7, 19);
|
|
|
+ border : 0px;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .el-table__row {
|
|
|
+ background: transparent;
|
|
|
+
|
|
|
+ & .el-table__cell {
|
|
|
+ border-bottom: 1px solid rgb(17, 58, 120) !important;
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ color: rgb(71, 174, 231) !important;
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ color: #70d0f4 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.el-table--border::after,
|
|
|
+ &.el-table--group::after,
|
|
|
+ &::before {
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ tr {
|
|
|
+ td {
|
|
|
+ background-color: rgb(3, 7, 19);
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover td {
|
|
|
+ color : #67b9ff;
|
|
|
+ background-color: rgb(3, 7, 19) !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ td {
|
|
|
+ border : 0px;
|
|
|
+ padding : 0;
|
|
|
+ height : 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ color : rgb(194, 225, 255);
|
|
|
+
|
|
|
+ &.light,
|
|
|
+ &.always-light {
|
|
|
+ color: #67b9ff !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ th {
|
|
|
+ border : 0px;
|
|
|
+ padding : 0px;
|
|
|
+ height : 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ font-weight: normal;
|
|
|
+ text-align : center;
|
|
|
+ color : rgb(85, 113, 166);
|
|
|
+ cursor : pointer;
|
|
|
+
|
|
|
+ &.is-leaf {
|
|
|
+ border: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.light,
|
|
|
+ &.always-light {
|
|
|
+ color: #67b9ff !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ th,
|
|
|
+ tr {
|
|
|
+ background-color: transparent;
|
|
|
+ border : 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ thead {
|
|
|
+ color : @gray-l;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size : 14px;
|
|
|
+ border : 0px;
|
|
|
+
|
|
|
+ th,
|
|
|
+ &.is-group th {
|
|
|
+ &.el-table__cell {
|
|
|
+ background : rgb(19, 35, 71);
|
|
|
+ border-color: transparent !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table__body {
|
|
|
+ border : 0px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.el-table--striped .el-table__body tr.el-table__row--striped {
|
|
|
+ td {
|
|
|
+ background-color: rgb(16, 25, 46);
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover td {
|
|
|
+ color : #67b9ff;
|
|
|
+ background-color: rgb(16, 25, 46) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &.el-table--border,
|
|
|
+ &.el-table--group {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ascending .sort-caret.ascending {
|
|
|
+ border-bottom-color: #2169c3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .descending .sort-caret.descending {
|
|
|
+ border-top-color: #2169c3;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table__expanded-cell {
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table__footer-wrapper tbody td {
|
|
|
+ background: #1a1f2fcc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|