@import "fontawesome.css"; @import "bootstrap.css"; @import "../../node_modules/primer-tooltips/build/build.css"; :root { /* Main text color */ --body-color: #222; /* Secondary text color, dimmed. Make sure to keep contrast WCAG 2.0 AA compliant on var(--window-bg-color) */ --body-color-muted: #767676; /* Background color of the whole page */ --body-bg-color: #415364; /* Main button color. Applies to border, text, and background on hover */ --button-color: #84ce88; --button-text-color-hover: #fff; /* Color for sidebar overlay and other things that dim the viewport when something else is on top */ --overlay-bg-color: rgba(0, 0, 0, 0.5); /* Links and link-looking buttons */ --link-color: #50a656; /* Background color of the main window */ --window-bg-color: #fff; /* Text color for

and

headings in windows */ --window-heading-color: #6c797a; /* Color of the date marker, text and separator */ --date-marker-color: rgba(0, 107, 59, 0.5); /* Color of the unread message marker, text and separator */ --unread-marker-color: rgba(231, 76, 60, 0.5); /* Background and left-border color of highlight messages */ --highlight-bg-color: #efe8dc; --highlight-border-color: #b08c4f; /* Color of the progress bar that appears as a file is being uploaded to the server. Defaults to button color */ --upload-progressbar-color: var(--button-color); } ::placeholder { color: rgba(0, 0, 0, 0.35); opacity: 1; /* fix opacity in Firefox */ } html, body { height: 100%; overscroll-behavior: none; /* prevent overscroll navigation actions */ } body { background: var(--body-bg-color); color: var(--body-color); font: 16px -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin: 0; user-select: none; cursor: default; touch-action: none; /** * Disable pull-to-refresh on mobile that conflicts with scrolling the message list. * See http://stackoverflow.com/a/29313685/1935861 */ overflow-y: hidden; } a, a:hover, a:focus { color: var(--link-color); } a:hover { text-decoration: underline; } /** * From Normalize. See https://github.com/thelounge/thelounge/pull/1217 * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } h1, h2, h3 { font: inherit; line-height: inherit; margin: 0; } button { border: none; background: none; margin: 0; outline: none; padding: 0; user-select: inherit; } code, pre, #chat .msg.motd .text, .irc-monospace, textarea#user-specified-css-input { font-family: Consolas, Menlo, Monaco, "Lucida Console", "DejaVu Sans Mono", "Courier New", monospace; } code, .irc-monospace { font-size: 13px; padding: 2px 4px; color: #e74c3c; background-color: #f9f2f4; border-radius: 2px; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border-radius: 4px; } kbd { display: inline-block; font-family: inherit; line-height: 1em; min-width: 28px; /* Ensure 1-char keys have the same width */ margin: 0 1px; padding: 4px 6px; color: #444; text-align: center; text-shadow: 0 1px 0 #fff; background-color: white; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.05), transparent); border: 1px solid #bbb; border-radius: 4px; box-shadow: 0 2px 0 #bbb, inset 0 1px 1px #fff, inset 0 -1px 3px #ccc; } .btn { border: 2px solid var(--button-color); border-radius: 3px; color: var(--button-color); display: inline-block; font-size: 12px; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px; padding: 9px 17px; text-transform: uppercase; transition: background 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s; word-spacing: 3px; cursor: pointer; /* This is useful for `