Color field type

A native Color field type for Baserow :artist_palette: Pick, paste, sort, filter — hex colors as first-class data.
Avaliable here: GitHub - byggstyrning/baserow-color-field-plugin · GitHub

We needed a way to add custom colors inside a table. I know Baserow ui can color rows etc, but this wasnt our usecase, we needed it as an explicit datapoint to be collected in a table.

Hey @jonatan.jacobsson, this is awesome! :heart_eyes:

Thanks! I wanted it to feel like a proper native color picker feature-wise aswell aswell as by the looks of it. It support hex color pasting and multi-row pasting etc.
As far as color pickers go its very simple but effective​:+1::artist_palette:

1 Like

This is spectacular @jonatan.jacobsson! A while ago we developed a prototype of a concept for comprehensive color management in Baserow, and one of the key elements was the Color Field. We’ll publish it right here.

This is the overall concept of the prototype:

Baserow Color Center

Centralize color management from a new master table.

Settings, parameters, and connections are managed from Color Center (master table). There, colors are linked to various elements or groups (color palettes) are created. Being centralized, only a single link (like link to table) is needed to the different Workspace elements (Databases, Tables, Fields, Applications, Dashboards). Color parameters are configured using Baserow’s native approach.

Mini

Management and assignment of configured colors is done from Color Center Mini (a small visual launcher, selector, and quick configuration creator). It replaces the current color selector within Fields (e.g., Single Select) and also replaces the color selector within Applications.

Field

Additionally, with the new “Color” Field, it can be used independently since it can be added to any table like any other Field. Its use and functionality are intended for visual purposes (quick identification without needing to configure filters). This is a very interesting field for designers, developers, and even for using Baserow as a CMS (with Webstudio, for example), making Baserow the best solution for managing content and customization.

Unifying, centralizing, and distributing from the master table enables comprehensive management of all of Baserow’s capabilities in an intuitive and native way.

Theme

It would be interesting to integrate it with dark mode and with the Zen mode proposal.

Prototype Design

Important

The entire idea and design of the prototypes were made by humans with 0% AI.

1 Like

That looks insanely nice. Also like you pushed it further into a “Color Center” :heart:
Really enjoy the visual launcher aswell, nice to see a replacement of the colorselector of the single selector :+1:
Nice detail with the transparency indicator, keeping the basecolor as the border solid :+1:

1 Like