mirror of
https://github.com/discourse/discourse.git
synced 2024-12-06 07:23:40 +08:00
285 lines
6.6 KiB
SCSS
285 lines
6.6 KiB
SCSS
body {
|
|
background: unset !important;
|
|
}
|
|
|
|
#ember-testing-container {
|
|
position: fixed;
|
|
background: #fff;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 640px;
|
|
height: 384px;
|
|
overflow: auto;
|
|
z-index: 9999;
|
|
border: 1px solid #ccc;
|
|
transform: translateZ(0);
|
|
box-sizing: border-box;
|
|
max-height: 100vh;
|
|
}
|
|
|
|
#ember-testing {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.discourse-root {
|
|
background: var(--secondary);
|
|
}
|
|
|
|
#ember-testing {
|
|
width: 200%;
|
|
height: 200%;
|
|
transform: scale(0.5);
|
|
transform-origin: top left;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
background-color: #222;
|
|
}
|
|
|
|
#qunit-banner.qunit-pass {
|
|
background-color: #92b01e;
|
|
}
|
|
|
|
#qunit-banner.qunit-fail {
|
|
background-color: #7e2121;
|
|
}
|
|
|
|
#qunit-testrunner-toolbar {
|
|
background: #1b1b1b;
|
|
}
|
|
|
|
#qunit-testrunner-toolbar button {
|
|
background-color: #222;
|
|
border-color: #444;
|
|
color: #f8f8f8;
|
|
}
|
|
|
|
#qunit-filter-input,
|
|
#qunit-urlconfig-qunit_single_plugin,
|
|
#qunit-urlconfig-target {
|
|
background-color: var(--secondary);
|
|
border: 1px solid var(--primary-medium);
|
|
color: var(--primary);
|
|
}
|
|
|
|
#qunit-filteredTest {
|
|
background-color: #90ac2d;
|
|
color: #366097;
|
|
}
|
|
|
|
#qunit-testresult {
|
|
background-color: #366097;
|
|
border-color: #000;
|
|
color: #e2f0f7;
|
|
}
|
|
|
|
#qunit-testresult a {
|
|
color: #7eb0f2;
|
|
}
|
|
|
|
#qunit-tests b.counts {
|
|
color: #ddd;
|
|
}
|
|
|
|
#qunit-tests b.failed {
|
|
color: #ff7777;
|
|
}
|
|
|
|
#qunit-tests b.passed {
|
|
color: #90ac2d;
|
|
}
|
|
|
|
#qunit-tests .pass {
|
|
background-color: #0c3f59;
|
|
border-color: #000;
|
|
color: #edeff5;
|
|
}
|
|
|
|
#qunit-tests .pass .test-name {
|
|
color: #7eb0f2;
|
|
}
|
|
|
|
#qunit-tests .fail {
|
|
background-color: #7e2121;
|
|
color: #ddd;
|
|
}
|
|
|
|
ol.qunit-assert-list > li > table > tbody,
|
|
tr.test-expected,
|
|
tr.test-actual,
|
|
tr.test-source {
|
|
border-color: #333;
|
|
}
|
|
|
|
#qunit-tests li {
|
|
border-color: #333;
|
|
}
|
|
|
|
#qunit-tests li li.pass {
|
|
background-color: #222;
|
|
border-color: #92b01e;
|
|
color: #90ac2d;
|
|
}
|
|
|
|
#qunit-tests li li.fail {
|
|
background-color: #222;
|
|
border-color: #7e2121;
|
|
color: #ff7777;
|
|
}
|
|
|
|
.qunit-assert-list {
|
|
background-color: #222;
|
|
}
|
|
|
|
#ember-testing-container {
|
|
background-color: #000;
|
|
border-color: #444;
|
|
}
|
|
|
|
#ember-testing {
|
|
background: #000;
|
|
}
|
|
|
|
#qunit-modulefilter-dropdown {
|
|
background-color: var(--secondary);
|
|
border: 1px solid var(--primary-medium);
|
|
color: var(--primary);
|
|
|
|
.clickable:hover {
|
|
background-color: #222;
|
|
color: #f8f8f8;
|
|
}
|
|
}
|
|
|
|
// Hardcode "dark" theme vars for now
|
|
:root {
|
|
--scheme-type: dark;
|
|
--primary: #dddddd;
|
|
--secondary: #222222;
|
|
--tertiary: #0f82af;
|
|
--quaternary: #c14924;
|
|
--header_background: #111111;
|
|
--header_primary: #dddddd;
|
|
--highlight: #a87137;
|
|
--danger: #e45735;
|
|
--success: #1ca551;
|
|
--love: #fa6c8d;
|
|
--d-selected: #2c2c2c;
|
|
--d-hover: #313131;
|
|
--always-black-rgb: 0, 0, 0;
|
|
--primary-rgb: 221, 221, 221;
|
|
--primary-low-rgb: 49, 49, 49;
|
|
--primary-very-low-rgb: 40, 40, 40;
|
|
--secondary-rgb: 34, 34, 34;
|
|
--header_background-rgb: 17, 17, 17;
|
|
--tertiary-rgb: 15, 130, 175;
|
|
--highlight-rgb: 168, 113, 55;
|
|
--success-rgb: 28, 165, 81;
|
|
--primary-very-low: #282828;
|
|
--primary-low: #313131;
|
|
--primary-low-mid: #7a7a7a;
|
|
--primary-medium: #909090;
|
|
--primary-high: #a6a6a6;
|
|
--primary-very-high: #c7c7c7;
|
|
--primary-50: #282828;
|
|
--primary-100: #2c2c2c;
|
|
--primary-200: #313131;
|
|
--primary-300: #585858;
|
|
--primary-400: #7a7a7a;
|
|
--primary-500: #858585;
|
|
--primary-600: #909090;
|
|
--primary-700: #9b9b9b;
|
|
--primary-800: #a6a6a6;
|
|
--primary-900: #c7c7c7;
|
|
--header_primary-low: rgb(72, 72, 72);
|
|
--header_primary-low-mid: rgb(131, 131, 131);
|
|
--header_primary-medium: rgb(164, 164, 164);
|
|
--header_primary-high: rgb(185, 185, 185);
|
|
--header_primary-very-high: rgb(210, 210, 210);
|
|
--secondary-low: #bdbdbd;
|
|
--secondary-medium: #919191;
|
|
--secondary-high: #646464;
|
|
--secondary-very-high: #313131;
|
|
--tertiary-very-low: #04212c;
|
|
--tertiary-low: #052e3d;
|
|
--tertiary-medium: #084860;
|
|
--tertiary-high: #0b6283;
|
|
--tertiary-hover: #14aeea;
|
|
--tertiary-50: #04212c;
|
|
--tertiary-100: #042431;
|
|
--tertiary-200: #052836;
|
|
--tertiary-300: #052e3d;
|
|
--tertiary-400: #06374a;
|
|
--tertiary-500: #073e54;
|
|
--tertiary-600: #084860;
|
|
--tertiary-700: #09516d;
|
|
--tertiary-800: #0a5a79;
|
|
--tertiary-900: #0b6283;
|
|
--quaternary-low: #3a160b;
|
|
--highlight-bg: #22170b;
|
|
--highlight-low: #22170b;
|
|
--highlight-medium: #4c3319;
|
|
--highlight-high: #976632;
|
|
--danger-low: #591b0c;
|
|
--danger-low-mid: rgba(99, 30, 13, 0.7);
|
|
--danger-medium: #a13116;
|
|
--danger-hover: #c63c1b;
|
|
--success-low: #0b4220;
|
|
--success-medium: #116331;
|
|
--success-hover: #168441;
|
|
--love-low: #8a0524;
|
|
--wiki: green;
|
|
--blend-primary-secondary-5: rgb(60, 60, 60);
|
|
--primary-med-or-secondary-med: #919191;
|
|
--primary-med-or-secondary-high: #646464;
|
|
--primary-high-or-secondary-low: #bdbdbd;
|
|
--primary-low-mid-or-secondary-high: #646464;
|
|
--primary-low-mid-or-secondary-low: #bdbdbd;
|
|
--primary-or-primary-low-mid: #7a7a7a;
|
|
--highlight-low-or-medium: #4c3319;
|
|
--tertiary-or-tertiary-low: #052e3d;
|
|
--tertiary-low-or-tertiary-high: #0b6283;
|
|
--tertiary-med-or-tertiary: #0f82af;
|
|
--secondary-or-primary: #dddddd;
|
|
--tertiary-or-white: #fff;
|
|
--facebook-or-white: #fff;
|
|
--twitter-or-white: #fff;
|
|
--hljs-comment: #bba;
|
|
--hljs-number: #aff;
|
|
--hljs-string: #f99;
|
|
--hljs-literal: #9ae;
|
|
--hljs-tag: #99f;
|
|
--hljs-attribute: #0ee;
|
|
--hljs-symbol: #fbe;
|
|
--hljs-bg: #333;
|
|
--hljs-builtin-name: #14aeea;
|
|
--google: #ffffff;
|
|
--google-hover: #f2f2f2;
|
|
--instagram: #e1306c;
|
|
--instagram-hover: #ac194b;
|
|
--facebook: #0866ff;
|
|
--facebook-hover: #0047bb;
|
|
--cas: #70ba61;
|
|
--twitter: #000;
|
|
--github: #100e0f;
|
|
--github-hover: #463e42;
|
|
--discord: #7289da;
|
|
--discord-hover: #4a67cf;
|
|
--gold: rgb(231, 195, 0);
|
|
--silver: #c0c0c0;
|
|
--bronze: #cd7f32;
|
|
--shadow-modal: 0 8px 60px rgba(0, 0, 0, 1);
|
|
--shadow-composer: 0 -1px 40px rgba(0, 0, 0, 0.35);
|
|
--shadow-menu-panel: 0 8px 12px rgba(0, 0, 0, 0.35);
|
|
--shadow-card: 0 4px 14px rgba(0, 0, 0, 0.5);
|
|
--shadow-dropdown: 0 2px 12px 0 rgba(0, 0, 0, 0.25);
|
|
--shadow-header: 0 2px 4px -1px rgba(0, 0, 0, 0.45);
|
|
--shadow-footer-nav: 0 0 2px 0 rgba(0, 0, 0, 0.4);
|
|
--shadow-focus-danger: 0 0 6px 0 var(--danger);
|
|
--float-kit-arrow-stroke-color: var(--primary-low);
|
|
--float-kit-arrow-fill-color: var(--secondary);
|
|
--chat-skeleton-animation-rgb: 40, 40, 40;
|
|
}
|
|
}
|