TheMapSmith/palettable-two

add shadow to icons

Opened this issue · 1 comments

right now, the black trash and lock icons are hard to see when they are on top of a dark color.

can you add a CSS rule so there's a subtle white shadow around the two icons?

🤖

Sure! You can add a text-shadow style to the trash and lock icons to make them more visible on dark backgrounds. Here's the CSS rule you can add to your stylesheet:

.lock-btn,
.trash-btn {
    text-shadow: 0 0 3px #ffffff;
}

This will apply a subtle white shadow around both the lock and trash icons, making them easier to see on dark colors. Adjust the 3px value to make the shadow more or less prominent, as needed.