r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Logo color changes with theme. Fix #916 (#997)

Browse source 
* color changes with theme

* color changes with theme

* color changes with theme

* color changes with theme
This commit is contained in:
Apoorv Taneja 2019-03-28 23:51:43 +05:30 committed by Cassie Tarakajian
parent 3bf3fe1452
commit 391a92a1fd
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/components/Nav.jsx
View file

@ -128,7 +128,7 @@ class Nav extends React.PureComponent {
<nav className="nav" title="main-navigation" ref={(node) => { this.node = node; }}> <nav className="nav" title="main-navigation" ref={(node) => { this.node = node; }}>
<ul className="nav__items-left" title="project-menu"> <ul className="nav__items-left" title="project-menu">
<li className="nav__item-logo"> <li className="nav__item-logo">
<InlineSVG src={logoUrl} alt="p5.js logo" /> <InlineSVG src={logoUrl} alt="p5.js logo" className="svg__logo" />
</li> </li>
<li className={navDropdownState.file}> <li className={navDropdownState.file}>
<button <button

8
client/styles/components/_nav.scss
View file

@ -239,6 +239,14 @@ button {
position: absolute; position: absolute;
} }
} }
.svg__logo g > path {
@include themify() {
fill: getThemifyVariable('logo-color');
}
}
.svg__logo g g:first-of-type path {
fill: none;
}
.nav__keyboard-shortcut { .nav__keyboard-shortcut {
font-size: #{12 / $base-font-size}rem; font-size: #{12 / $base-font-size}rem;