.tag {
    padding: 0.25rem;
    display: inline-flex;
    align-items: center;
}

.tag-color {
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    border: 1px solid gray;
    border-radius: 50%;
}

.tag-text {
    margin-left: 0.25rem;
}

.tag-color.js {
    background: #FFEE58;
    border-color: #cbbd44;
}

body.dark-theme .tag-color.js {
    background: #8d800d;
}

.tag-color.go {
    background: #80DEEA;
    border-color: #5fa7b1;
}

body.dark-theme .tag-color.go {
    background: #1e5056;
}

.tag-color.postgres {
    background: #4658c78a;
    border-color: #4658c78a;
}

body.dark-theme .tag-color.postgres {
    background: #36407c8a;
}

.tag-color.redis {
    background: #e994b1;
    border-color: #b16e85;
}

body.dark-theme .tag-color.redis {
    background: #482934;
}

.tag-color.mongo {
    background: #8BC34A;
    border-color: #648d34;
}

body.dark-theme .tag-color.mongo {
    background: #2e5816;
}

.tag-color.mysql {
    background: #80DEEA;
}

body.dark-theme .tag-color.mysql {
    background: #1e5056;
}

.tag-color.war {
    background: #FF8D00;
    border-color: #d17401;
}

body.dark-theme .tag-color.war {
    background: #975503;
}