Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Suggestion: CSS background colors used in emojis #276

Open
davidjimenez75 opened this issue Jan 14, 2024 · 0 comments
Open

Suggestion: CSS background colors used in emojis #276

davidjimenez75 opened this issue Jan 14, 2024 · 0 comments

Comments

@davidjimenez75
Copy link

davidjimenez75 commented Jan 14, 2024

The use of emojis in Dokuwiki is increasing, in Windows10 you can easy use emojis pressing ( WIN + . )

There are some colored emojis than can be used in Dokuwiki.

πŸŸ₯πŸ”΄β€
🟧🟠🧑
πŸŸ¨πŸŸ‘πŸ’›
πŸŸ¦πŸ”΅πŸ’™
πŸŸ©πŸŸ’πŸ’š
πŸŸͺπŸŸ£πŸ’œ
🟫🟀🀎
⬜βšͺ🀍
β¬›βš«πŸ–€

I propose to enable this colors by default as backgrounds.

<wrap red>color red</wrap>
<wrap orange>color orange</wrap>
<wrap yellow>color yellow</wrap>
...

COLORS= red orange yellow blue green purple brown white black

2024-01-14--103744--

This could be the code for the CSS in the style.less

/*____________ color notes ____________*/

span.wrap_red,
span.wrap_orange,
span.wrap_yellow,
span.wrap_blue,
span.wrap_green,
span.wrap_purple,
span.wrap_brown,
span.wrap_white,
span.wrap_black, {
    padding: 0 .3em;
}


.wrap_red {
    background-color: #e81224;
    color: #fff;
}
.wrap_orange {
    background-color: #f7630c;
    color: #000;
}
.wrap_yellow {
    background-color: #fff100;
    color: #000;
}
.wrap_blue {
    background-color: #0078d7;
    color: #fff;
}
.wrap_green {
    background-color: #16c60c;
    color: #fff;
}
.wrap_purple {
    background-color: #886ce4;
    color: #fff;
}
.wrap_brown {
    background-color: #8e562e;
    color: #fff;
}
.wrap_white {
    background-color: #f2f2f2;
    color: #000;
    border:1px solid black;
}
.wrap_black {
    background-color: #383838;
    color: #fff;
}

.wrap_red *,
.wrap_orange *,
.wrap_yellow *,
.wrap_blue *,
.wrap_green *,
.wrap_purple *,
.wrap_brown *,
.wrap_white *,
.wrap_black * {
    color: inherit !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant