css 堆栈主题颜色控制

Posted 2021-05-13

/* Colors
--------------------------------------------------------*/

/*

Primary:
#222222

Secondary:
#333333
#444444

Button Color:
#555555
#666666 (Hover)

*/

.color--primary, .color-red {
  color: #222222 !important;
}

a, a:hover {
  color: #222222;
}

a:hover {
  opacity:0.8;
}

.color--primary-1 {
  color: #444444 !important;
}

.color--primary-2 {
  color: #333333 !important;
}

.bg--primary {
  background: #222222;
}

.bg--primary-1 {
  background: #444444;
}

.bg--primary-2 {
  background: #333333;
}

.btn--primary, .btn--primary:active, .btn--primary:visited, .btn--primary:focus, .btn--primary:hover, .btn.btn--primary:not([disabled]):not(.disabled):active, .btn.btn--primary:not([disabled]):not(.disabled).active, .custom-form #submit {
  background: #777777;
  border:none!important;
  opacity:1;
}

.btn--primary:hover {
  background: #777777;
  border-color: #777777;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active {
  color: #555555;
  cursor: pointer;
}

.process-3 li .process__number {
  border: 2px solid #222222;
}

.process-3 li .process__number span {
  color: #222222;
}

.tabs li.active .tab__title span {
  color: #222222;
}

.label:not([class*='bg--']) {
  background: #333333;
}

[data-overlay]:before {
  background: #000000;
}

.process-1:before {
  background: #333333;
}

.process__item:after {
  border-color: #333333;
}