Devlog by @Keyboard1000n17

@Keyboard1000n17 on OSPedia · 20 days ago

5h 13m 14s logged

ok so i didn’t do the golden gate article, but who cares? i’ve revamped the styling system! now i can easily change styles and add new themes using css variables! here’s a list of the benefits this provides:

easier theme selection: while i do need to fix my javascript to use this new system and add a modal for selecting themes, this paves the way for a much more robust system! you see, this works by adding a class to the <body> element which has a bunch of css variables defined, so i can just store the class name in localStorage and then add that class to the body element
easier updating of styles: now all the styles are defined in mixins, and these mixins reflect the purpose of the styles inside them. not only that, if i add a new section that requires custom styles (like i did for the demos), i can easily define a mixin with an appropiate name, import that into a separate .scss file, and add it in the eleventy template

themes themes themes: all the themes! all i need to do to add a new theme is to define these variables:

--doc-bg-color: rgba(255, 255, 255, 0.75);
--background-color: rgba(255, 255, 255, 0.75);
--text-color: black;
--padding: 15px;
--link-color: #002dc9;
--link-hover-color: #665cc9;
--border-radius: 15px;
--border: none;
--backdrop-filter: blur(5px);
--vh: 99dvh;

and if a theme isn’t going to change one of these variables, it just doesn’t define its own value. these are the default values for these variables

now all i have to do is add the modal and actually do the macos golden gate article also, i registered a subdomain for the unstable branch, so now you can see the borked stuff on https://unstable.ospedia.site!!!!!!

tl;dr

new styling system very fun, very easy
new subdomain for unstable branch
must do modal & macOS golden gate article

Changelog

(c43a3ba) Refactor SCSS