bar: change style + fix scheme

This commit is contained in:
2 * r + 2 * t 2025-01-18 14:30:52 +11:00
parent 2be44b8739
commit ece09fbb51
4 changed files with 5 additions and 7 deletions

View file

@ -12,7 +12,7 @@ const loadStyleAsync = async () => {
let scheme = "mocha"; let scheme = "mocha";
if (GLib.file_test(`${CACHE}/scheme/current.txt`, GLib.FileTest.EXISTS)) { if (GLib.file_test(`${CACHE}/scheme/current.txt`, GLib.FileTest.EXISTS)) {
const currentScheme = await readFileAsync(`${CACHE}/scheme/current.txt`); const currentScheme = await readFileAsync(`${CACHE}/scheme/current.txt`);
if (GLib.file_test(`${SRC}/scss/scheme/${scheme}.scss`, GLib.FileTest.EXISTS)) scheme = currentScheme; if (GLib.file_test(`${SRC}/scss/scheme/_${currentScheme}.scss`, GLib.FileTest.EXISTS)) scheme = currentScheme;
} }
await writeFileAsync(`${SRC}/scss/scheme/_index.scss`, `@forward "${scheme}";`); await writeFileAsync(`${SRC}/scss/scheme/_index.scss`, `@forward "${scheme}";`);
App.apply_css(await execAsync(`sass ${SRC}/style.scss`), true); App.apply_css(await execAsync(`sass ${SRC}/style.scss`), true);

View file

@ -4,8 +4,6 @@
@use "font"; @use "font";
.bar { .bar {
@include lib.rounded(10, $tl: 0, $tr: 0);
@include lib.border(scheme.$rosewater, 0.7, 2);
@include font.mono; @include font.mono;
border-top: none; border-top: none;

View file

@ -8,8 +8,8 @@ $-accent: scheme.$blue;
.updates { .updates {
@include lib.popdown-window($-accent); @include lib.popdown-window($-accent);
min-width: lib.s(600); min-width: lib.s(550);
min-height: lib.s(400); min-height: lib.s(450);
.wrapper { .wrapper {
@include lib.element-decel; @include lib.element-decel;

View file

@ -437,10 +437,10 @@ export default ({ monitor }: { monitor: Monitor }) => (
<window <window
namespace="caelestia-bar" namespace="caelestia-bar"
monitor={monitor.id} monitor={monitor.id}
anchor={Astal.WindowAnchor.TOP} anchor={Astal.WindowAnchor.TOP | Astal.WindowAnchor.LEFT | Astal.WindowAnchor.RIGHT}
exclusivity={Astal.Exclusivity.EXCLUSIVE} exclusivity={Astal.Exclusivity.EXCLUSIVE}
> >
<centerbox className="bar" css={"min-width: " + monitor.width * 0.8 + "px;"}> <centerbox className="bar">
<box> <box>
<OSIcon /> <OSIcon />
<ActiveWindow /> <ActiveWindow />