-
+
{
isRepost && !isComment &&
diff --git a/app/javascript/gabsocial/components/video.js b/app/javascript/gabsocial/components/video.js
index dfc207c4..67790be8 100644
--- a/app/javascript/gabsocial/components/video.js
+++ b/app/javascript/gabsocial/components/video.js
@@ -641,7 +641,7 @@ class Video extends ImmutablePureComponent {
onClick={this.togglePlay}
className={[_s.default, _s.outlineNone, _s.cursorPointer, _s.alignItemsCenter, _s.justifyContentCenter, _s.posAbs, _s.bgBlackOpaque, _s.circle, _s.height60PX, _s.width60PX].join(' ')}
>
-
+
}
@@ -743,7 +743,7 @@ class Video extends ImmutablePureComponent {
icon={paused ? 'play' : 'pause'}
title={paused ? 'Play' : 'Pause'}
iconSize='16px'
- iconClassName={_s.fillWhite}
+ iconClassName={_s.colorWhite}
className={_s.pl0}
/>
@@ -755,7 +755,7 @@ class Video extends ImmutablePureComponent {
onClick={this.toggleMute}
icon={muted ? 'audio-mute' : 'audio'}
iconSize='24px'
- iconClassName={_s.fillWhite}
+ iconClassName={_s.colorWhite}
className={[_s.px10, _s.mr10].join(' ')}
title='Volume'
onMouseEnter={this.handleMouseEnterAudio}
@@ -776,7 +776,7 @@ class Video extends ImmutablePureComponent {
onClick={this.handleOnClickSettings}
icon='cog'
iconSize='20px'
- iconClassName={_s.fillWhite}
+ iconClassName={_s.colorWhite}
className={[_s.px10, _s.pr0].join(' ')}
buttonRef={this.setSettingsBtnRef}
title='Video stats'
@@ -791,7 +791,7 @@ class Video extends ImmutablePureComponent {
onClick={this.togglePip}
icon='pip'
iconSize='20px'
- iconClassName={_s.fillWhite}
+ iconClassName={_s.colorWhite}
className={[_s.px10, _s.pr0].join(' ')}
title='Picture in Picture'
/>
@@ -805,7 +805,7 @@ class Video extends ImmutablePureComponent {
icon={fullscreen ? 'minimize-fullscreen' : 'fullscreen'}
title={fullscreen ? 'Minimize fullscreen' : 'Fullscreen'}
iconSize='20px'
- iconClassName={_s.fillWhite}
+ iconClassName={_s.colorWhite}
className={[_s.px10, _s.pr0].join(' ')}
/>
diff --git a/app/javascript/gabsocial/features/compose/components/compose_extra_button.js b/app/javascript/gabsocial/features/compose/components/compose_extra_button.js
index 131b5f86..e7f45520 100644
--- a/app/javascript/gabsocial/features/compose/components/compose_extra_button.js
+++ b/app/javascript/gabsocial/features/compose/components/compose_extra_button.js
@@ -45,8 +45,8 @@ export default class ComposeExtraButton extends PureComponent {
})
const iconClasses = cx({
- fillSecondary: !active,
- fillWhite: active,
+ colorSecondary: !active,
+ colorWhite: active,
})
const iconSize = !!small ? '14px' : '16px'
diff --git a/app/javascript/gabsocial/features/compose/components/poll_form.js b/app/javascript/gabsocial/features/compose/components/poll_form.js
index 6b008e5c..f9bf87c7 100644
--- a/app/javascript/gabsocial/features/compose/components/poll_form.js
+++ b/app/javascript/gabsocial/features/compose/components/poll_form.js
@@ -229,7 +229,7 @@ class PollFormOption extends ImmutablePureComponent {
className={[_s.ml5, _s.justifyContentCenter].join(' ')}
icon='close'
iconSize='8px'
- iconClassName={_s.fillSecondary}
+ iconClassName={_s.colorSecondary}
disabled={index <= 1}
title={intl.formatMessage(messages.remove_option)}
onClick={this.handleOptionRemove}
diff --git a/app/javascript/gabsocial/features/introduction.js b/app/javascript/gabsocial/features/introduction.js
index be065bf0..4c0ae363 100644
--- a/app/javascript/gabsocial/features/introduction.js
+++ b/app/javascript/gabsocial/features/introduction.js
@@ -367,7 +367,7 @@ class Introduction extends ImmutablePureComponent {
{nextTitle}
-
+
}
diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css
index 2f05d38a..3d126c5e 100644
--- a/app/javascript/styles/global.css
+++ b/app/javascript/styles/global.css
@@ -429,8 +429,8 @@ pre {
.colorWhite { color: var(--color_white); }
.colorWhite_onHover:hover { color: var(--color_white); }
-.colorTertiary { color: var(--text_color_tertiary); }
.colorSecondary { color: var(--text_color_secondary); }
+.colorTertiary { color: var(--text_color_tertiary); }
.colorBrand { color: var(--color_brand); }
.colorGabPro { color: var(--color_gold); }