MM-29040 Switch center-channel-color-## to -rgb variables (#6644)

Co-authored-by: Mattermod <[email protected]>
mattermost · Oct 13, 2020 · 9d3db58 · 9d3db58
1 parent f053053
commit 9d3db58
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/sass/components/_channel-switcher.scss b/sass/components/_channel-switcher.scss
@@ -31,7 +31,7 @@
  padding: 0;
 
  .close {
- color: v(center-channel-color-56);
+ color: rgba(var(--center-channel-color-rgb), 0.56);
  width: 4rem;
  height: 4rem;
  font-size: 32px;
@@ -44,8 +44,8 @@
  border-radius: 4px;
 
  &:hover {
- background-color: v(center-channel-color-08);
- color: v(center-channel-color-72);
+ background-color: rgba(var(--center-channel-color-rgb), 0.08);
+ color: rgba(var(--center-channel-color-rgb), 0.72);
  }
 
  &:active {
@@ -92,7 +92,7 @@
 
  .suggestion-list {
  padding-top: 0.6rem;
- border-top: 1px solid v(center-channel-color-08);
+ border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.08);
  margin-top: 2.3rem;
  }
 

diff --git a/sass/components/_color-input.scss b/sass/components/_color-input.scss
@@ -13,14 +13,14 @@
  width: 24px;
  height: 24px;
  border-radius: 2px;
- border: 1px solid v(center-channel-color-32);
+ border: 1px solid rgba(var(--center-channel-color-rgb), 0.32);
  cursor: pointer;
 }
 
 .color-pad {
  border-radius: 0 2px 2px 0;
  background: v(center-channel-bg) !important;
- border-color: v(center-channel-color-32) !important;
+ border-color: rgba(var(--center-channel-color-rgb), 0.32) !important;
  padding: 5px;
  line-height: 0;
 }

diff --git a/sass/components/_forms.scss b/sass/components/_forms.scss
@@ -162,10 +162,10 @@
 .app__body {
  .form-control {
  color: v(center-channel-color);
- border-color: v(center-channel-color-16);
+ border-color: rgba(var(--center-channel-color-rgb), 0.16);
 
  &:focus {
- border-color: v(center-channel-color-40);
+ border-color: rgba(var(--center-channel-color-rgb), 0.40);
  }
 
  &.inline {

diff --git a/sass/components/_modal.scss b/sass/components/_modal.scss
@@ -28,7 +28,7 @@
  .modal {
  .modal-content {
  background: v(center-channel-bg);
- border-color: v(center-channel-color-16);
+ border-color: rgba(var(--center-channel-color-rgb), 0.16);
  color: v(center-channel-color);
  }
  }
@@ -813,7 +813,7 @@
  }
 
  &.more-modal__row--selected {
- background: v(center-channel-color-08);
+ background: rgba(var(--center-channel-color-rgb), 0.08);
 
  .more-modal__actions--round {
  opacity: .5;