Posted in site bugs
3:04 am, January 1, 2021
 

badge border colour is too dark or light on number badges [fixed]

I noticed that the badges here were to light, so i must have missed something when updating the badge css.

Demo Link
https://www.kruxor.com/search/code/site+bugs/

Bug Status:
Fixed

Problem:
The borders should be darker and they are currently too dark or light.

How to fix, look at the correct badge and see what the difference is.

Correct Colours:

Vs Incorrect.

We can see here that the class is different on these badges, so need to change the .badge-secondary to the badge-info unless we want different colour's on these. For now just make them the same. 

CSS

.dark-mode .badge-secondary {
    color: #fff;
    background-color: #2e3c50;
    border: 2px solid;
    border-color: rgb(17 24 39);
}
.light-mode .badge-secondary {
    color: #fff;
    background-color: #38b2ac;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

View Statistics
This Week
217
This Month
620
This Year
175

No Items Found.

Add Comment
Type in a Nick Name here
 
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

â¤ī¸đŸ‘Šâ€đŸ’ģ🎮

đŸĒĻ 2000 - 16 Oct 2022 - Boots
Random Quote
therock Somewhere along this crazy road I learned (often times the hard way) the most important things I can do is be authentic, trust my gut, be the hardest worker in the room, celebrate the mistakes, be a grateful man and always remember that it's nice to be important, but it's more important to be nice.
The Rock
Random CSS Property

border-inline-start-style

The border-inline-start-style CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style, border-right-style, border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.
border-inline-start-style css reference