Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Windows Acrylic Background #577

Open
wants to merge 11 commits into
base: main
Choose a base branch
from
+7 −4
Open

Windows Acrylic Background #577

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
a7459c7
Add custom header level icons
abhiroopc84 Oct 14, 2024
0fcf932
Add icons component
abhiroopc84 Oct 17, 2024
2dacf40
Add acrylic bg
abhiroopc84 Oct 17, 2024
bc43b0e
Merge branch 'main' into feat/windows-acrylic-bg
abhiroopc84 Oct 17, 2024
86d8d2b
Add macOS vibrancy
abhiroopc84 Oct 17, 2024
1784d34
Add dark-light mode background
abhiroopc84 Oct 17, 2024
e0609b3
Fix transparency issues on Edit and Layers Panels
abhiroopc84 Oct 18, 2024
1b287d9
Fix abrupt width issues in Layers Panel
abhiroopc84 Oct 18, 2024
711ff18
Merge from main
Kitenite Oct 18, 2024
2998fdd
Merge from main -formatting
Kitenite Oct 18, 2024
4557739
Merge branch 'main' into feat/windows-acrylic-bg
Kitenite Oct 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions app/electron/main/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,9 @@ const createWindow = () => {
icon: path.join(process.env.VITE_PUBLIC, 'favicon.ico'),
titleBarStyle: 'hiddenInset',
frame: false,
transparent: true,
vibrancy: 'fullscreen-ui',
backgroundMaterial: 'acrylic',
webPreferences: {
preload: PRELOAD_PATH,
webviewTag: true,
Expand Down
2 changes: 1 addition & 1 deletion app/src/components/AppBar/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ const AppBar = observer(() => {
return (
<div
className={clsx(
'flex flex-row items-center pl-20 h-10 border-b bg-background dark:bg-background-active transition-colors duration-300 ease-in-out',
'flex flex-row items-center pl-20 h-10 border-b bg-none transition-colors duration-300 ease-in-out',
routeManager.route === Route.SIGN_IN && 'bg-transparent border-b-0',
updateManager.updateAvailable &&
'bg-red-950 transition-opacity duration-300 ease-in-out',
Expand Down
2 changes: 1 addition & 1 deletion app/src/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -131,7 +131,7 @@
@apply border-border;
}
body {
@apply bg-background text-foreground;
@apply bg-background/70 text-foreground;
}
::-webkit-scrollbar {
@apply hidden;
Expand Down
2 changes: 1 addition & 1 deletion app/src/routes/editor/Canvas/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ const Canvas = observer(({ children }: { children: ReactNode }) => {
<HotkeysArea scale={scale} setScale={setScale}>
<div
ref={containerRef}
className="overflow-hidden bg-background-onlook flex flex-grow relative"
className="overflow-hidden bg-transparent flex flex-grow relative"
onClick={handleCanvasClicked}
>
<div
Expand Down
2 changes: 1 addition & 1 deletion app/src/routes/editor/TopBar/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ const EditorTopBar = observer(() => {
];

return (
<div className="bg-background-onlook/60 backdrop-blur-sm flex flex-row h-10 p-2 justify-center items-center">
<div className="bg-none flex flex-row h-10 p-2 justify-center items-center">
<div className="flex flex-row flex-grow basis-0 space-x-1 justify-start items-center">
<ProjectBreadcrumb />
<div className="space-x-0 hidden lg:block">
Expand Down