@import "../../node_modules/normalize.css/normalize.css"; @import "fontawesome.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: rgb(0 0 0 / 50%); /* 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: rgb(0 107 59 / 50%); /* Color of the unread message marker, text and separator */ --unread-marker-color: rgb(231 76 60 / 50%); /* 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: rgb(0 0 0 / 35%); opacity: 1; /* fix opacity in Firefox */ } html { box-sizing: border-box; -webkit-tap-highlight-color: transparent; /* remove tap highlight on touch devices */ } *, *::before, *::after { box-sizing: inherit; } input, button, select, textarea { font: inherit; color: inherit; } img { vertical-align: middle; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } abbr[title] { cursor: help; } 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: hidden; /* iOS Safari requires overflow rather than overflow-y */ } body.force-no-select * { user-select: none !important; } a, a:hover, a:focus { color: var(--link-color); text-decoration: none; } a:hover { text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } h1, h2, h3 { font: inherit; line-height: inherit; margin: 0; } button { border: none; background: none; margin: 0; outline: none; padding: 0; user-select: inherit; cursor: pointer; } code, pre, #chat .msg[data-type="monospace_block"] .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.4286; 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, rgb(0 0 0 / 5%), transparent); border: 1px solid #bbb; border-radius: 4px; box-shadow: 0 2px 0 #bbb, inset 0 1px 1px #fff, inset 0 -1px 3px #ccc; } p { margin: 0 0 10px; } .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 `