Add a Dark Theme to a Ruby on Rails App

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • soci-frontend

    Discontinued [Moved to: https://github.com/jjcm/nonio-frontend]

  • This is excellent for a small app, but if you have any production sized app or a larger team, it's not a great approach. Using colors directly in a theme override mean you have to then design and write the css for every page twice.

    A better approach for doing dark mode is to use semantic tokens as a middleman. This works great not just for dark mode, but theming in general - allowing for high contrast mode, color blind modes, and others, while reducing the amount of effort required to style a new page (rather than growing multiplicatively with direct overrides).

    If you're curious about this, I have a very basic schema I made for my app that you're welcome to steal here: https://github.com/jjcm/soci-frontend/blob/master/docs/token...

    Here's an example implementation of the above schema: https://github.com/jjcm/soci-frontend/blob/master/soci-token...

    The great thing is once it's implemented, it becomes VERY easy to know what token to use where. Got a button that's a primary action in a hover state? You probably want to use --brand-background-hover for the bg. Means you can do a lot of the design directly in code I find.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • I built this to visualize performance issues in JavaScript applications

    1 project | news.ycombinator.com | 2 May 2024
  • 10 Best Websites for practicing Data Structures and Algorithms (DSA):

    3 projects | dev.to | 1 May 2024
  • Cdn.jsdelivr.net Has SSL Issue

    1 project | news.ycombinator.com | 1 May 2024
  • Certificate for JSDelivr has expired May, 2

    1 project | news.ycombinator.com | 1 May 2024
  • Express 5.0 – Last Push

    3 projects | news.ycombinator.com | 30 Apr 2024