From 72bd3c60566d09d2ee6231a5c5f513b7adf089c9 Mon Sep 17 00:00:00 2001 From: Philip Golovin <1187260+1jz@users.noreply.github.com> Date: Thu, 29 Oct 2020 09:48:38 -0400 Subject: [PATCH] [MM-29842] Migrate changeCSS() to CSS variable in utils/utils.jsx (#6915) --- sass/components/_post.scss | 2 +- utils/utils.jsx | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/sass/components/_post.scss b/sass/components/_post.scss index 2d163c9dde01..7eef6dbb28de 100644 --- a/sass/components/_post.scss +++ b/sass/components/_post.scss @@ -464,7 +464,7 @@ &.disabled { i { - color: inherit; + color: rgba(var(--center-channel-color), 0.4); } } diff --git a/utils/utils.jsx b/utils/utils.jsx index d616f7963aea..de306c2c1b69 100644 --- a/utils/utils.jsx +++ b/utils/utils.jsx @@ -656,7 +656,6 @@ export function applyTheme(theme) { changeCss('.app__body .shadow--2', '-webkit-box-shadow: 0 20px 30px 0 ' + changeOpacity(theme.centerChannelColor, 0.1) + ', 0 14px 20px 0 ' + changeOpacity(theme.centerChannelColor, 0.1)); changeCss('.app__body .shortcut-key, .app__body .post__body hr, .app__body .loading-screen .loading__content .round, .app__body .tutorial__circles .circle', 'background:' + theme.centerChannelColor); changeCss('.app__body .markdown__table tbody tr:nth-child(2n)', 'background:' + changeOpacity(theme.centerChannelColor, 0.07)); - changeCss('.app__body .post-create__container .post-create-body .send-button.disabled i', 'color:' + changeOpacity(theme.centerChannelColor, 0.4)); changeCss('.app__body .channel-header .pinned-posts-button svg', 'fill:' + changeOpacity(theme.centerChannelColor, 0.6)); changeCss('.app__body .channel-header .channel-header_plugin-dropdown svg', 'fill:' + changeOpacity(theme.centerChannelColor, 0.6)); changeCss('.app__body .file-preview, .app__body .post-image__details, .app__body .markdown__table th, .app__body .markdown__table td, .app__body .modal .settings-modal .settings-table .settings-content .divider-light, .app__body .webhooks__container, .app__body .dropdown-menu, .app__body .modal .modal-header', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2));