userstyles icon indicating copy to clipboard operation
userstyles copied to clipboard

feat(arch-linux): init

Open claymorwan opened this issue 1 year ago • 44 comments

🎉 Theme for Arch user repository 🎉

The Arch user repository (aur) is a community-driven repository of packages for Arch Linux. image

💬 Additional Comments 💬

I had a bit of struggle making this theme since it was my first time working with userstyles, but I made it in a day so it's fine. My only problem at the moment is changing the logo for a themed one, or at least a transparent one.

🗒 Checklist 🗒

  • [x] I have read and followed Catppuccin's submission guidelines.
  • [x] I have made a new directory underneath /styles/<name-of-website> containing the contents of the /template directory.
    • [x] I have ensured that the new directory is in lower-kebab-case.
    • [x] I have followed the template and kept the preprocessor as LESS.
  • [x] I have made sure to update the userstyles.yml file with information about the new userstyle.
  • [x] I have included the following files:
    • [x] catppuccin.user.css - all the CSS for the userstyle, based on the template.
    • [x] preview.webp - composite image of all four individual flavor screenshots (taken with the default accent color of mauve) stitched together, generated via Catwalk.

claymorwan avatar Oct 16 '24 23:10 claymorwan

In terms of the logo, my first thought is to take the SVG off of the arch wiki style, and then using that as a base to add the words "user repository"

GenShibe avatar Oct 17 '24 04:10 GenShibe

Well I already took the argo logo and changed the accent color, tho I haven't been able to insert it correctly and hide the original logo

Btw I think I gotta do a new commit to fix the requested changes or nah ? I don't do pr often so idk

claymorwan avatar Oct 17 '24 07:10 claymorwan

Ok I think I got everything fixed

claymorwan avatar Oct 17 '24 09:10 claymorwan

I think I fixed everything now, tho idk about that conflict, tried to fix it by adding what was conflicting to the file

claymorwan avatar Oct 17 '24 13:10 claymorwan

I think I fixed everything now, tho idk about that conflict, tried something but didn't worked

claymorwan avatar Oct 17 '24 13:10 claymorwan

why's it broken again

claymorwan avatar Oct 17 '24 18:10 claymorwan

why's it broken again

If you look at the logs, or run the linter locally - deno task lint - it will tell you the error.

uncenter avatar Oct 17 '24 20:10 uncenter

ok NOW it should be working, I did exactly what deno told me to do

claymorwan avatar Oct 17 '24 21:10 claymorwan

So like I try to theme borders, acc page and syntax highlighting right? At first I left red colors and stuff to the default cuz I didn't know if I could use the catppuccin colors (using red for someone who has red accents color maybe would look weird idk) but ig it's fine Doing that when I'm home

claymorwan avatar Oct 18 '24 12:10 claymorwan

Oki is it gud now

claymorwan avatar Oct 20 '24 20:10 claymorwan

I wonder if we should instead create a unified theme for the various Arch Linux pages - we already have a theme for the wiki, we could literally copy the @-moz-document part all the way down and paste it in that one, rename it... other pages like the home page https://archlinux.org/, https://archlinux.org/packages/, https://bbs.archlinux.org/, https://security.archlinux.org/, could be themed as well.

uncenter avatar Oct 21 '24 21:10 uncenter

I wonder if we should instead create a unified theme for the various Arch Linux pages - we already have a theme for the wiki, we could literally copy the @-moz-document part all the way down and paste it in that one, rename it... other pages like the home page https://archlinux.org/, https://archlinux.org/packages/, https://bbs.archlinux.org/, https://security.archlinux.org/, could be themed as well.

Well one thing is sure, the wiki theme doesn't work on the aur page, so that would mean making a big file which each theme applying to it's page. I don't think all these website have similar enough HTML and CSS, execpt for the navbar which is the same on every of them

claymorwan avatar Oct 22 '24 18:10 claymorwan

I wonder if we should instead create a unified theme for the various Arch Linux pages - we already have a theme for the wiki, we could literally copy the @-moz-document part all the way down and paste it in that one, rename it... other pages like the home page archlinux.org, archlinux.org/packages, bbs.archlinux.org, security.archlinux.org, could be themed as well.

Well one thing is sure, the wiki theme doesn't work on the aur page, so that would mean making a big file which each theme applying to it's page. I don't think all these website have similar enough HTML and CSS, execpt for the navbar which is the same on every of them

I mean that's kind of the point. I think we should theme those other pages too for consistency, and merge this AUR and the existing wiki one together as well.

uncenter avatar Oct 22 '24 18:10 uncenter

I wonder if we should instead create a unified theme for the various Arch Linux pages - we already have a theme for the wiki, we could literally copy the @-moz-document part all the way down and paste it in that one, rename it... other pages like the home page archlinux.org, archlinux.org/packages, bbs.archlinux.org, security.archlinux.org, could be themed as well.

Well one thing is sure, the wiki theme doesn't work on the aur page, so that would mean making a big file which each theme applying to it's page. I don't think all these website have similar enough HTML and CSS, execpt for the navbar which is the same on every of them

I mean that's kind of the point. I think we should theme those other pages too for consistency, and merge this AUR and the existing wiki one together as well.

Then i can try on my end see if it works Tho if it does work what do I do ? make branch and pr for archlinux ? Or make a branch and pr to edit the wiki theme ?

claymorwan avatar Oct 22 '24 23:10 claymorwan

Welp it does seems to be working, tho I'll have to do some fixes here and there. I also don't know if I should edit the wiki page's theme so it fits better with the aur theme, should I ?

claymorwan avatar Oct 22 '24 23:10 claymorwan

It might be a little complicated but here is what I would do:

  • Rename the styles/arch-user-repository directory to stylus/arch-linux.
  • Update the key (arch-user-repository), name, and app-link for your Arch User Repository entry in userstyles.yml to arch-linux, Arch Linux, and https://archlinux.org/ respectively.
  • Copy the primary section of the Arch Wiki userstyle and paste it near the bottom (just above the "palette" section where it says /* prettier-ignore */ ...) of your now-renamed arch-linux userstyle. https://github.com/catppuccin/userstyles/blob/3cc6ab413edaceb71dc1f07fe041abbbaafca3c1/styles/arch-wiki/catppuccin.user.css#L18-L522
  • Then you have an Arch Linux userstyle, and I would suggest yeah maybe making some changes to the wiki to match, and theming the other pages if it isn't too much of a hassle.

Feel free to join the Catppuccin Discord server where we can talk in the userstyles channel more in depth :)

uncenter avatar Oct 23 '24 00:10 uncenter

Oki I'm working on it, should I change the branch name too ?

claymorwan avatar Oct 23 '24 01:10 claymorwan

No need to.

uncenter avatar Oct 23 '24 01:10 uncenter

So like, is it good now ? Or is there something else to change ?

claymorwan avatar Oct 24 '24 14:10 claymorwan

At the core yes. I'm still seeing some unthemed or incorrectly themed things:

On a page like https://archlinux.org/download/, https://aur.archlinux.org/packages/follow-appimage, or just https://archlinux.org/packages/, the primary layer is the box in the center, which should have a background of base instead of surface1. Area around the box should be mantle.

The text of the current page/tab in the header is unthemed. CleanShot 2024-10-24 at 10 39 29

On the home page, wiki, and security page: lots of unthemed dashed/solid horizontal lines/borders.

CleanShot 2024-10-24 at 10 40 29 CleanShot 2024-10-24 at 10 41 17 CleanShot 2024-10-24 at 10 42 00

High vulnerability severity text on the security page is unthemed (should be peach, class is .orange):

CleanShot 2024-10-24 at 10 42 18

uncenter avatar Oct 24 '24 14:10 uncenter

On a page like https://archlinux.org/download/, https://aur.archlinux.org/packages/follow-appimage, or just https://archlinux.org/packages/, the primary layer is the box in the center, which should have a background of base instead of surface1. Area around the box should be mantle.

So you mean change every .box to have base as background, and every background of the page as mantle ? Like that ? image

On the home page, wiki, and security page: lots of unthemed dashed/solid horizontal lines/borders.

Been trying to theme these but I have no idea how to, tried border-color but nah

claymorwan avatar Oct 24 '24 16:10 claymorwan

So you mean change every .box to have base as background, and every background of the page as mantle ?

Yep just like that.

Been trying to theme these but I have no idea how to, tried border-color but nah

border-bottom-color of: #news h4 for the dotted ones. .mw-heading1, h1, .mw-heading2, h2 for the solid wiki ones.

uncenter avatar Oct 24 '24 16:10 uncenter

Chat is it gud

claymorwan avatar Oct 25 '24 18:10 claymorwan

I'm not sure why you've requested a review from me, but either way looks good.

Though I thought we already had an aur theme, or was that for the wiki?

mustafa-archived avatar Oct 25 '24 19:10 mustafa-archived

I'm not sure why you've requested a review from me, but either way looks good.

Though I thought we already had an aur theme, or was that for the wiki?

They accidentally deleted the folder for the Stylus userstyle, triggering the CI to request a review from you since you maintain that.

And yes we did, it was for the wiki. If you follow the chain of events above I suggested combining the proposed Arch User Repository userstyle with the existing Arch Wiki userstyle to create a unified Arch Linux userstyle, and that is what we have now here.

uncenter avatar Oct 25 '24 19:10 uncenter

I suggested combining the proposed Arch User Repository userstyle with the existing Arch Wiki userstyle to create a unified Arch Linux userstyle, and that is what we have now here.

Sounds good.

mustafa-archived avatar Oct 27 '24 06:10 mustafa-archived

So do I have to do stuff again for the pr or nah ?

claymorwan avatar Oct 29 '24 11:10 claymorwan

So do I have to do stuff again for the pr or nah ?

Nothing right now, just needs reviewing.

uncenter avatar Oct 29 '24 12:10 uncenter

So do I have to do stuff again for the pr or nah ?

Nothing right now, just needs reviewing.

Oki, I'll be waiting then

claymorwan avatar Oct 31 '24 01:10 claymorwan

O wairt bu reviewing does that mean Inhabe to do the "request review" thingy

claymorwan avatar Nov 01 '24 11:11 claymorwan