/* ============================================================
   NITETIME.NET CHAT
   GLOBAL THE LOUNGE OVERRIDE
   Applies to EVERY visitor, not user preferences.
   ============================================================ */


/* ------------------------------------------------------------
   CORE TERMINAL COLORS
   The Lounge exposes these variables itself.
   ------------------------------------------------------------ */

body[data-transports] {
    --body-color: #00c936 !important;
    --body-color-muted: #007f22 !important;

    --body-bg-color: #000000 !important;
    --window-bg-color: #000000 !important;
    --form-bg-color: #000000 !important;

    --button-color: #00ff41 !important;
    --button-text-color-hover: #000000 !important;

    --link-color: #00ff41 !important;
    --window-heading-color: #00ff41 !important;

    --overlay-bg-color: rgba(0, 0, 0, 0.80) !important;

    --date-marker-color: rgba(0, 255, 65, 0.35) !important;
    --unread-marker-color: rgba(0, 255, 65, 0.70) !important;

    --highlight-bg-color: #002408 !important;
    --highlight-border-color: #00ff41 !important;

    background: #000 !important;
    color: #00c936 !important;

    font-family:
        "DejaVu Sans Mono",
        "Liberation Mono",
        "Courier New",
        Courier,
        monospace !important;

    color-scheme: dark !important;
}


/* ------------------------------------------------------------
   REMOVE ALL VISIBLE THE LOUNGE LOGOS

   This catches:
   - sidebar logo
   - inverted sidebar logo
   - loading screen logo
   - inverted loading screen logo
   ------------------------------------------------------------ */

body[data-transports] img.logo,
body[data-transports] img.logo-inverted,
body[data-transports] #sidebar .logo-container {
    display: none !important;
}


/* ------------------------------------------------------------
   MAIN APPLICATION AREAS
   ------------------------------------------------------------ */

body[data-transports] #viewport,
body[data-transports] #chat,
body[data-transports] .chat-view,
body[data-transports] .window,
body[data-transports] .header,
body[data-transports] #sidebar,
body[data-transports] #sidebar .scrollable-area,
body[data-transports] #footer,
body[data-transports] #form,
body[data-transports] #loading,
body[data-transports] #loading .window,
body[data-transports] #chat .messages,
body[data-transports] #chat .userlist {
    background-color: #000 !important;
    color: #00c936 !important;
}


/* ------------------------------------------------------------
   SIDEBAR / CHANNEL LIST
   ------------------------------------------------------------ */

body[data-transports] .channel-list-item,
body[data-transports] #sidebar .empty,
body[data-transports] #footer button {
    color: #00ad2b !important;
}

body[data-transports] .channel-list-item[data-type="lobby"] {
    color: #00ff41 !important;
    font-weight: bold !important;
}

body[data-transports] .channel-list-item:hover,
body[data-transports] .channel-list-item.active,
body[data-transports] #footer button:hover,
body[data-transports] #footer button.active {
    color: #00ff41 !important;
    background: #002b0b !important;
}

body[data-transports] .channel-list-item .badge {
    background: #00330d !important;
    color: #00ff41 !important;
    border-radius: 0 !important;
}


/* ------------------------------------------------------------
   HEADERS
   ------------------------------------------------------------ */

body[data-transports] .header {
    border-color: #006b1b !important;
}

body[data-transports] .header .title,
body[data-transports] .header h1,
body[data-transports] .header h2,
body[data-transports] .header h3 {
    color: #00ff41 !important;
    font-weight: bold !important;
    text-shadow: 0 0 4px rgba(0, 255, 65, 0.30) !important;
}


/* ------------------------------------------------------------
   CHAT TEXT
   ------------------------------------------------------------ */

body[data-transports] #chat .messages {
    color: #00c936 !important;
}

body[data-transports] #chat .msg {
    background: transparent !important;
}

body[data-transports] #chat .msg.highlight {
    background: #002408 !important;
    border-color: #00ff41 !important;
}


/* ------------------------------------------------------------
   INPUT / MESSAGE COMPOSER
   ------------------------------------------------------------ */

body[data-transports] #form {
    border-color: #006b1b !important;
}

body[data-transports] textarea,
body[data-transports] select,
body[data-transports] input:not([type="checkbox"]):not([type="radio"]) {
    background: #000 !important;
    color: #00ff41 !important;

    border-color: #008f24 !important;
    border-radius: 0 !important;

    font-family:
        "DejaVu Sans Mono",
        "Liberation Mono",
        "Courier New",
        Courier,
        monospace !important;

    caret-color: #00ff41 !important;
}

body[data-transports] textarea:focus,
body[data-transports] select:focus,
body[data-transports] input:focus {
    border-color: #00ff41 !important;
    outline-color: #00ff41 !important;
}


/* ------------------------------------------------------------
   BUTTONS
   ------------------------------------------------------------ */

body[data-transports] .btn {
    background: #000 !important;
    color: #00ff41 !important;

    border-color: #00a82a !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

body[data-transports] .btn:hover,
body[data-transports] .btn:focus {
    background: #00ff41 !important;
    color: #000 !important;
}


/* ------------------------------------------------------------
   THE LOUNGE ICON CONTROLS
   ------------------------------------------------------------ */

body[data-transports] #viewport .lt,
body[data-transports] #viewport .rt,
body[data-transports] #chat button.mentions,
body[data-transports] #chat button.search,
body[data-transports] #chat button.menu,
body[data-transports] #chat button.close {
    color: #00c936 !important;
}

body[data-transports] #viewport .lt:hover,
body[data-transports] #viewport .rt:hover,
body[data-transports] #chat button:hover {
    color: #00ff41 !important;
}


/* ------------------------------------------------------------
   LINKS
   ------------------------------------------------------------ */

body[data-transports] a {
    color: #00ff41 !important;
}

body[data-transports] a:hover {
    color: #00ff41 !important;
}


/* ------------------------------------------------------------
   REMOVE MODERN ROUNDNESS WHERE PRACTICAL
   ------------------------------------------------------------ */

body[data-transports] .btn,
body[data-transports] .input,
body[data-transports] input,
body[data-transports] textarea,
body[data-transports] select {
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   LOADING SCREEN
   ------------------------------------------------------------ */

body[data-transports] #loading {
    background: #000 !important;
    color: #00ff41 !important;
}

body[data-transports] #loading-status-container,
body[data-transports] #loading-reload-container {
    color: #00c936 !important;
}