Codeberg/Design
Archived
23
51
Fork
You've already forked Design
4

Colors #2

Closed
opened 2019年04月11日 03:17:59 +02:00 by Ghost · 8 comments

Working on a few color sets. Thoughts?

Still working on getting a local install of Codeberg running. I've got PrimerCSS running, but it doesn't have github components, so it'd be kind of a shot in the dark without more work.

Working on a few color sets. Thoughts? Still working on getting a local install of Codeberg running. I've got PrimerCSS running, but it doesn't have github components, so it'd be kind of a shot in the dark without more work.
Member
Copy link

I personally like the second one (albeit it's a bit hard to tell without seeing the colors assigned to actual widgets). Have you seen the discussion in Codeberg/build-deploy-gitea#7 ?

I personally like the second one (albeit it's a bit hard to tell without seeing the colors assigned to actual widgets). Have you seen the discussion in https://codeberg.org/Codeberg/build-deploy-gitea/pulls/7 ?

I should have expanded some more. The 1st is a variety of blues. The 2nd is more like primary colors, a highlight, and the global black/white. the 3rd set is the "danger, success, alert, primary, info" colors.

Yeah I saw that. I'll comment there as well.

I should have expanded some more. The 1st is a variety of blues. The 2nd is more like primary colors, a highlight, and the global black/white. the 3rd set is the "danger, success, alert, primary, info" colors. Yeah I saw that. I'll comment there as well.

Update: I’ve added some muted colors of the standard github color palette. https://coolors.co/eaf0f2-2089cf-2466a8-31aa4d-d03e3e

I've been editing in Stylebot bc I still can't get a local build running. But this is what I've been able to get done between projects.

Update: I’ve added some muted colors of the standard github color palette. https://coolors.co/eaf0f2-2089cf-2466a8-31aa4d-d03e3e I've been editing in Stylebot bc I still can't get a local build running. But this is what I've been able to get done between projects.

All of this assuming as a v1 we'd want to keep the overall design of the site similar to Github. A redesign of the site would require a lot more work.

All of this assuming as a v1 we'd want to keep the overall design of the site similar to Github. A redesign of the site would require a lot more work.
Member
Copy link

Ah, I understand ... that's cool.

Regarding:

I still can’t get a local build running

What is the main problem here? Is there any particular issue we might fix in order to fix this?

Ah, I understand ... that's cool. Regarding: > I still can’t get a local build running What is the main problem here? Is there any particular issue we might fix in order to fix this?
Collaborator
Copy link

I've put together a color palette that can serve as a guide for all upcoming creation of Codeberg brand assets.

It contains the primary colors used in the logo (and their shades) but got expanded to a second set of primary colors plus extra highlight colors (and their shades).

Regarding the shades and usage of not explicitly mentioned colors:

A small gradient indicates a spectrum of colors that lie between palette values but can still be used. Those gradient colors are plain palette colors with an altered Lightness value.

Here is how you get those values yourself (without using the colorpicker on the gradient):

Video of how to change lightness in Inkscape

The proposed palette

I've put together a color palette that can serve as a guide for all upcoming creation of Codeberg brand assets. It contains the primary colors used in the logo (and their shades) but got expanded to a second set of primary colors plus extra highlight colors (and their shades). #### Regarding the shades and usage of not explicitly mentioned colors: A small gradient indicates a spectrum of colors that lie between palette values but can still be used. Those gradient colors are plain palette colors with an altered Lightness value. Here is how you get those values yourself (without using the colorpicker on the gradient): ![Video of how to change lightness in Inkscape](https://codeberg.org/attachments/72cedf7c-3f06-4a66-be3a-e14ac3a253b5) #### The proposed palette ![](https://codeberg.org/attachments/e6380a41-4736-4997-a344-f20f2a3f63d6)
Collaborator
Copy link

I'm going to prepare the wiki page with this as our default palette if there are no objections...

I'm going to prepare the wiki page with this as our default palette if there are no objections...
Collaborator
Copy link

For now there is a palette in place, ready to be applied in all Codeberg related material and appearance: https://codeberg.org/Codeberg/Design/wiki/Branding#user-content-palette

closing.

For now there is a palette in place, ready to be applied in all Codeberg related material and appearance: https://codeberg.org/Codeberg/Design/wiki/Branding#user-content-palette closing.
Commenting is not possible because the repository is archived.
No Branch/Tag specified
main
No results found.
Labels
Clear labels
Kind: Breaking
Kind: Bug
Kind: Documentation
Kind: Enhancement
Kind: Feature
Kind: Maintenance
Kind: Public Relations

Design relevant outside of Codeberg
Kind: Question
Kind: Security
Kind: Testing
Kind: Web Design
Part: Color Palette
Part: Design Kit

Codeberg Design Kit
Part: Fonts
Part: Logo
Part: Navbar

Codeberg's navigation bar
Part: Themes

Gitea themes
Priority: Critical

The priority is critical
Priority: High

The priority is high
Priority: Low

The priority is low
Priority: Medium

The priority is medium
Reviewed: Confirmed

Something has been confirmed
Reviewed: Duplicate

Something exists already
Reviewed: Invalid

Something was marked as invalid
Reviewed: Wontfix

Something won't be fixed
Status: Blocked
Status: Completed

Work is complete
Status: Help wanted
Status: In progress

Work is in progress
Status: Needs feedback

Feedback is needed
Status: Stale
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
3 participants Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Codeberg/Design#2
Reference in a new issue
Codeberg/Design
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?