Serraniel/AniwatchPlus
Serraniel/AniwatchPlus
1
0
Fork 0
Code Issues 9 Pull requests 8 Packages Projects Releases 10 Wiki Activity

Adaptive font color for badges #109

New issue
Closed
opened 2020-11-04 21:12:59 +01:00 by Serraniel · 5 comments
Serraniel commented 2020-11-04 21:12:59 +01:00 (Migrated from github.com)
Copy link

Badges on aniwatch mostly have a white font-color. This results in a bad contrast on some of them, e. g. the organge badge:
image
(https://aniwatch.me/top?t=0&p=1)

A darker color may be a better solution (quick test with black for demonstration):
image

Badges on aniwatch mostly have a white font-color. This results in a bad contrast on some of them, e. g. the organge badge: ![image](https://user-images.githubusercontent.com/8461282/98162978-691ecb00-1ee2-11eb-8bbb-41c927b6af37.png) (https://aniwatch.me/top?t=0&p=1) A darker color may be a better solution (quick test with black for demonstration): ![image](https://user-images.githubusercontent.com/8461282/98163043-818ee580-1ee2-11eb-9037-36d7a25dae12.png)
Serraniel commented 2020-11-04 21:14:34 +01:00 (Migrated from github.com)
Copy link

iMostLiked suggested to test following colors:
#232323
image

or
#282a39
image

iMostLiked suggested to test following colors: `#232323` ![image](https://user-images.githubusercontent.com/8461282/98163124-a7b48580-1ee2-11eb-863e-d67d94c9c469.png) or `#282a39` ![image](https://user-images.githubusercontent.com/8461282/98163164-b4d17480-1ee2-11eb-8097-f5b1a2ae512e.png)
kaffem commented 2020-11-04 21:21:18 +01:00 (Migrated from github.com)
Copy link

I personally like #232323 more than #282a39

I personally like `#232323` more than `#282a39`
Serraniel commented 2020-11-14 17:33:05 +01:00 (Migrated from github.com)
Copy link

As both of those colors also contain a bit of blue, I still would also try several black or grays for this.

As both of those colors also contain a bit of blue, I still would also try several black or grays for this.
Serraniel commented 2020-11-14 19:22:53 +01:00 (Migrated from github.com)
Copy link

So, I made a decission on font color: #282a39 it is. Reason: that color is used by aniwatch themselves as font color for other elements with light background:
image

So, I made a decission on font color: `#282a39` it is. Reason: that color is used by aniwatch themselves as font color for other elements with light background: ![image](https://user-images.githubusercontent.com/8461282/99154267-c834ca80-26ae-11eb-85c6-14c3787fed70.png)
Serraniel commented 2021-01-03 17:51:16 +01:00 (Migrated from github.com)
Copy link

This issue has been resolved with v1.0 release.

This issue has been resolved with v1.0 release.
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
develop
dependabot/npm_and_yarn/develop/typescript-5.1.6
dependabot/npm_and_yarn/fast-xml-parser-and-is-svg-4.2.5
dependabot/npm_and_yarn/develop/cssnano-6.0.1
dependabot/npm_and_yarn/develop/del-7.0.0
dependabot/npm_and_yarn/develop/uuid-9.0.0
dependabot/npm_and_yarn/nth-check-and-gulp-imagemin-2.1.1
dependabot/npm_and_yarn/develop/color-4.2.3
dependabot/npm_and_yarn/develop/gulp-imagemin-8.0.0
feature/#152-switch-back-to-official-spacetime-package
feature/#61-import-from-mal-anilist-restructure-import-page
master
1.1.0.0
1.0.0.0
0.4.2.1-beta
0.4.1.0-beta
0.4.0.0-beta
0.3.1.0
0.3.0.0-beta
0.2.1.0-beta.0
0.2.0.0-beta.0
0.1.0.0-beta.0
Labels
Clear labels   
dependencies

Pull requests that update a dependency file

  
Priority: Critical

Critical issue.

  
Priority: High

High priority issue.

  
Priority: Low

Low priority issue.

  
Priority: Medium

Average priority issue.

  
State: Abandoned

Issue will not be implemented.

  
State: Blocked

Issue is blocked by another issue.

  
State: Completed

Issue has been fixed or implemented and version has been released.

  
State: In progress

Issue in development.

  
State: New

New items which hasn´t been sighted yet.

  
State: On Hold

Issue is currently on hold.

  
State: Pending

Item is pending for some reason.

  
State: Review needed

Issue needs to be reviewed.

  
State: Waiting for release

Issue is completed but there is no release version available yet.

  
Type: Bug

The issue describes a bug in the project.

  
Type: Enhancement

The issues describes a new feature or some other kind of enhancement for the project.

  
Type: Maintenance

The issue describes some kind of maintenance which has to be done for the project or repository.

  
Type: Question

The issue is a question.

No labels
dependencies
Priority: Critical
Priority: High
Priority: Low
Priority: Medium
State: Abandoned
State: Blocked
State: Completed
State: In progress
State: New
State: On Hold
State: Pending
State: Review needed
State: Waiting for release
Type: Bug
Type: Enhancement
Type: Maintenance
Type: Question
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
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: Serraniel/AniwatchPlus#109
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?