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

Use the exact background image #72

Closed
opened 2022年07月21日 09:35:04 +02:00 by mray · 5 comments
Collaborator
Copy link

image

The current background image isn't cropped, tinted and rotated as in the mockup.
Also the background .png on the landing page spends 0.65 MB on an image that can be replaced with the attached smaller .jpg

I also cropped to a minimum in height, so dimensions of the image changed.

![image](/attachments/c22dd4c9-f41d-47ac-a201-5f3b152fce28) The current background image isn't cropped, tinted and rotated as in the mockup. Also the background .png on the landing page spends 0.65 MB on an image that can be replaced with the attached smaller .jpg I also cropped to a minimum in height, so dimensions of the image changed.

I would prefer a .png because it has a transparent background for a possible dark design.

I would prefer a .png because it has a transparent background for a possible dark design.
Author
Collaborator
Copy link

Don't worry, we can either download an extra file for that, or change the blendmode in CSS zu multiply or something similar and use the same image for both. Either way it makes sense as the jpg is 10x smaller!

Don't worry, we can either download an extra file for that, or change the blendmode in CSS zu multiply or something similar and use the same image for both. Either way it makes sense as the jpg is 10x smaller!

I tried background-blend-mode and could not get a good result. The mountain would lose on dark backgrounds its brightness and luminance. At least I did not like it.

I tried `background-blend-mode` and could not get a good result. The mountain would lose on dark backgrounds its brightness and luminance. At least I did not like it.
Author
Collaborator
Copy link

I think this is an issue connected to the dark mode, if CSS won't work I can generate a differently colored image of similar size.

I think this is an issue connected to the dark mode, if CSS won't work I can generate a differently colored image of similar size.
Author
Collaborator
Copy link

Looks like good now.

Looks like good now.
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
2 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#72
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?