Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 17:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix :: navbar bg color fix theme wise (#5262)

Browse source
This commit is contained in:
Kiran Ashok 2023-01-09 16:40:28 +05:30 committed by GitHub
parent 313d3bbd83
commit 1cf31e4d9e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/_components/OnboardingNavbar.jsx
View file

@ -1,9 +1,10 @@
import React from 'react';
import { Link } from 'react-router-dom';
import Logo from '@assets/images/Logomark.svg';
function OnboardingNavbar() {
function OnboardingNavbar({ darkMode }) {
darkMode = darkMode ?? (localStorage.getItem('darkMode') || false);
return (
<div className="onboarding-navbar container-xl">
<div className={`onboarding-navbar container-xl ${darkMode && 'theme-dark'}`}>
<Link to="/">
<Logo height="23" width="92" alt="tooljet logo" data-cy="page-logo" />
</Link>

4
frontend/src/_styles/onboarding.scss
View file

@ -586,6 +586,7 @@
top: 0;
display: flex;
align-items: center;
background-color: #fff;
img {
cursor: pointer;
@ -1090,6 +1091,9 @@
// Dark-Mode styles onboarding && self host dark mode
.theme-dark {
.onboarding-navbar {
background-color: #2b394b;
}
.org-avatar:hover {
.avatar {