cb-bar.css

:host {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 2px 10px 3px 40px;
    width: 100%;
    height: 37px;
    border-bottom: 1px solid #AAAAAB;
    color: #000;
    background-image: url('chrome-extension://__MSG_@@extension_id__/icons/icon_19.png'), linear-gradient(to bottom, #FEEFAE, #FAE692);
    background-position: 10px 50%, 0 0;
    background-repeat: no-repeat, repeat-x;
    font-size: 15px;
    user-select: none;
    contain: content;
}

.desc {
    margin-right: 1em;
    vertical-align: middle;
}

button {
    margin: 0 0 0 10px;
    height: 28px;
    outline: none;
    border: 1px solid #968A59;
    border-radius: 3px;
    color: inherit;
    background-image: linear-gradient(to bottom, #FFFBEA, #FBEDB1);
    vertical-align: middle;
}

button:hover {
    border-color: #4B452C;
}

button:active {
    border-color: #4C4733;
    background-image: linear-gradient(to bottom, #FDF2C0, #FEF9E3);
}

.close {
    margin-left: auto;
    padding: 0;
    width: 16px;
    height: 16px;
    border: none;
    background: url('chrome-extension://__MSG_@@extension_id__/img/close.png') no-repeat 50% 50%;
}

.close span {
    display: block;
    height: 100%;
    background: url('chrome-extension://__MSG_@@extension_id__/img/close_over.png') no-repeat 50% 50%;
    opacity: 0;
    transition: opacity .2s;
}

.close:hover span {
    opacity: .85;
}

.close:active span {
    opacity: 1;
}

@media
screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
    :host {
        background-image: url('chrome-extension://__MSG_@@extension_id__/icons/icon_48.png'), linear-gradient(to bottom, #FEEFAE, #FAE692);
        background-size: 19px 19px, auto auto;
    }
}