/* Dark theme */
html[data-theme="dark"] #waline {
    /* Regular color */
    --waline-white: #000;
    --waline-light-grey: #666;
    --waline-dark-grey: #999;

    /* Layout color */
    --waline-color: #888;
    --waline-bg-color: #1e1e1e;
    --waline-bg-color-light: #272727;
    --waline-border-color: #333;
    --waline-disable-bg-color: #444;
    --waline-disable-color: #272727;

    /* Special color */
    --waline-bq-color: #272727;

    /* Other color */
    --waline-info-bg-color: #272727;
    --waline-info-color: #666;
}

/* Light theme */
html[data-theme="light"] #waline {
    --waline-theme-color: #333;
    --waline-active-color: #000;
    --waline-bg-color: #fff;
    --waline-border-color: #ccc;
    --waline-text-color: #222;
}

/* Sepia theme */
html[data-theme="sepia"] #waline {
    --waline-theme-color: #5b4636;
    --waline-active-color: #3b2f25;
    --waline-bg-color: #f4ecd8;
    --waline-border-color: #d8c9a7;
    --waline-text-color: #4a3b2a;
}

.wl-reaction-list {
    justify-content: flex-start;
}

.wl-reaction-img i {
    display: block;
    height: 2rem;
    width: 2rem;
}

.wl-reaction-img {
    height: 2rem;
    width: 2rem;
}

.wl-reaction {
    margin-top: .5rem;
    margin-bottom: 0;
}

#waline {
    border-top: 1px solid var(--fg);
    margin-top: 4rem;
}

#waline .wl-power {
    display: none !important;
}

/* Remove the GIF button from Waline toolbar */
.wl-action[title="GIF"] {
    display: none !important;
}

.wl-reaction-votes {
    user-select: none;
}