moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

--nav-ui-highlight-color -> --accent-color

This commit is contained in:
Alex Gleason 2020-05-30 22:06:33 -05:00
parent be3065405c
commit 4ac7663d3c
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/soapbox/reducers/theme.js
View File

@ -14,7 +14,7 @@ const cssrgba = (color, a) => {
const populate = themeData => { const populate = themeData => {
const { 'brand-color': brandColor } = themeData.toObject(); const { 'brand-color': brandColor } = themeData.toObject();
return ImmutableMap({ return ImmutableMap({
'nav-ui-highlight-color': brightness(10, hue(-3, brandColor).hex).hex, 'accent-color': brightness(10, hue(-3, brandColor).hex).hex,
'brand-color-faint': cssrgba(brandColor, 0.1), 'brand-color-faint': cssrgba(brandColor, 0.1),
'highlight-text-color': brandColor, 'highlight-text-color': brandColor,
}).merge(themeData); }).merge(themeData);

4
app/styles/soapbox/components/tabs-bar.scss
View File

@ -120,7 +120,7 @@ $nav-ui-background-color: var(--brand-color) !default;
height: 34px; height: 34px;
margin-left: 20px; margin-left: 20px;
border-radius: 4px; border-radius: 4px;
background-color: var(--nav-ui-highlight-color) !important; background-color: var(--accent-color) !important;
transition: background-color 0.2s; transition: background-color 0.2s;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
@ -205,7 +205,7 @@ $nav-ui-background-color: var(--brand-color) !default;
display: block; display: block;
width: 100%; width: 100%;
height: 0; height: 0;
background: var(--nav-ui-highlight-color); background: var(--accent-color);
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;