Conversation

Notices

1. Embed this notice
   nekobit (nekofag@rdrama.cc)'s status on Wednesday, 05-Oct-2022 06:04:38 JST nekobit

   • Alex Gleason
   @alex How exactly should I apply the color scheme to the box-shadow with the SCSS?? le funny edit
   • Embed this notice
     Alex Gleason (alex@gleasonator.com)'s status on Wednesday, 05-Oct-2022 06:04:37 JST Alex Gleason

     in reply to
     Not sure I understand the question. All the colors are in variables in soapbox.json and loaded at runtime in the browser.
   • Embed this notice
     Alex Gleason (alex@gleasonator.com)'s status on Wednesday, 05-Oct-2022 06:08:30 JST Alex Gleason

     in reply to
     We're moving towards getting rid of the scss and doing as much as possible with Tailwind classes, so your classnames look right. For the shadow, check out: https://tailwindcss.com/docs/drop-shadow
   • Embed this notice
     nekobit (nekofag@rdrama.cc)'s status on Wednesday, 05-Oct-2022 06:08:31 JST nekobit

     in reply to

     • Alex Gleason
     I'm trying to send a patch which makes the about-page look a bit better. When I try `--color-primary-900` it's only the dark theme. When I try `--bg-primary-900` it doesn't work since it's transparent I think.
     
     I'm trying to apply a little shadow behind the about-page, i've modified the JSX/html of the about page to `about-page bg-white dark:bg-primary-900`, but that's for background only, i want to apply that to the box-shadow as well
   • Embed this notice
     nekobit (nekofag@rdrama.cc)'s status on Wednesday, 05-Oct-2022 06:31:42 JST nekobit

     in reply to

     • Alex Gleason
     So how do I make it match the background color? Instead of just being black
   • Embed this notice
     Alex Gleason (alex@gleasonator.com)'s status on Wednesday, 05-Oct-2022 06:31:42 JST Alex Gleason

     in reply to
     You may want to use an outline instead of a drop shadow on the dark theme. That's what we do for statuses. https://tailwindcss.com/docs/outline-color
   • Embed this notice
     nekobit (nekofag@rdrama.cc)'s status on Wednesday, 05-Oct-2022 06:34:12 JST nekobit

     in reply to

     • Alex Gleason
     thats not what im trying to do, im trying to make it blend in with the background.
     
     I think I'll just commit it as is. Make your shit cleaner lmao/more clear, there's like 4 contradicting libraries it feels like going on here, I think I'll try contributing more to Soapbox more, I'm considering popping it into my instance, and I like seeing this stupid stuff grow
     Alex Gleason likes this.
   • Embed this notice
     Alex Gleason (alex@gleasonator.com)'s status on Wednesday, 05-Oct-2022 06:34:52 JST Alex Gleason

     in reply to
     Yeah it's kind of a frankenstein right now, totally aware of it. That's why there hasn't been a release for so long.
   • Embed this notice
     nekobit (nekofag@rdrama.cc)'s status on Wednesday, 05-Oct-2022 07:17:33 JST nekobit

     in reply to

     • Alex Gleason
     @alex Alright, figured it out, just applied ` shadow-ultraxl shadow-white dark:shadow-primary-900`, and added a shadow-ultraxl into tailwind.config.js as clearly shown. I think this looks a _lot_ better, and may look nicer for static pages.
     
     Sending MR now
   • Embed this notice
     nekobit (nekofag@rdrama.cc)'s status on Wednesday, 05-Oct-2022 07:17:33 JST nekobit

     in reply to

     • Alex Gleason
     @alex Old about page for comparison, looks like its straight up just dropped in with markdown and nothing else.
     
     Also fixed the headers when bolded
     Alex Gleason likes this.