Answers for "quip themes"

quip themes

@media (prefers-color-scheme: dark) {
    /* Nav sidebar */
    .sidebar,
    .sidebar-item,
    .sidebar-header,
    .sidebar .sidebar-footer-container {
        background: #1f1f1f;
    }
    .sidebar-divider:after {
        background: #3d3d3d;
    }

    /* Title and menu bar */
    .navigation-controller-titlebar,
    .navigation-controller-titlebar div.buttons {
        background: #191919 !important;
    }
    .nav-path-title-container .nav-path-title {
        color: #c9c9c9;
    }

    /* Format bar */
    .nav-toolbar-ribbon,
    .nav-toolbar-ribbon-popover,
    .button-group-buttons {
        background: #232323 !important;
    }
    .button-group-buttons button {
        color: #a9a9a9 !important;
        fill: #a9a9a9 !important;
    }
    .navigation-controller-header.has-toolbar:not(.has-notification-bar) {
        box-shadow: 0 1px 0 #454545;
    }
    .nav-toolbar-ribbon .nav-toolbar-ribbon-button-group:not(:first-child):before,
    .nav-toolbar-ribbon-popover .nav-toolbar-ribbon-button-group:not(:first-child):before {
        background: #454545;
    }

    /* Body */
    .document-editor,
    .parts-screen-body.scrollable {
        background-color: #171717 !important;
    }
    .editor-word-count .word-count-text {
        background: #232323;
        color: #818181;
    }
    .inline-toolbar-border {
        background: #343434;
    }
    .document-cover.visible {
        opacity: .35;
    }

    /* Body text */
    .document-text-color-default.document-content .section > .content {
        color: #d2d2d2 !important;
    }
    div.document code,
    .folder-document-thumbnail-body code,
    .document-inline-edit code {
        background: #363636;
    }
    .document-content .section.use-less ul.draggable li:before {
        background: #141414 !important;
        color: #dedede !important;
    }
    .document-content .section f[textcolor] {
        color: #9a9a9a !important;
        mix-blend-mode: difference;
    }


    /* Annotated text */
    .document-content .section annotation {
        color: black;
    }

    /* Chat/history sidebar */
    .document-chat {
        box-shadow: -1px 0 0 #454545;
    }
    .document-chat .document-chat-title {
        background: #1b1b1b;
        box-shadow: 0 1px 0 #303030;
    }
    .document-chat .thread-message.comment {
        background: #242424;
    }
    .document-chat .thread-message-list .thread-message.comment .message-summary:first-child .user-name {
        color: #e0e0e0;
    }
    .thread-message-comment {
        color: #cfcfcf;
    }
    .document-chat .chat-line > .chat-line-border {
        background: #414141;
    }
    .document-chat .thread-message-condensed-count::after {
        background: #525252;
    }
    .document-chat .thread-message-condensed-count .desc {
        background: #2a2a2a;
    }
    .chat-line-border {
        background: #323232;
    }
    .parts-screen-footer {
        background: #212121 !important;
        box-shadow: 0 -1px 0 #707070;
    }
    .thread-message-input .text-box {
        color: white;
    }
    .thread-message-input-buttons {
        background: transparent !important;
    }

    /* Comment thread */
    .navigation-controller-header {
        background: #282828 !important;
    }
    .parts-toolbar-title {
        color: #bcbcbc;
    }
    .button.bordered {
        box-shadow: inset 0 0 0 1px #636363;
        color: #dcdcdc !important;
    }
    .thread-message-info .user-name {
        color: #cdcdcd;
    }
    .parts-profile-picture.round {
        background: transparent !important;
    }
    .thread-message .message-paragraph,
    .thread-message .message-formatted-text {
        color: #dedede;
    }

    /* Search */
    .backdrop-main {
        background: #282828d9;
    }
}