Skip to content

Suggestion: CSS background colors used in emojisΒ #276

@davidjimenez75

Description

@davidjimenez75

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;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions