Anki/qt/ts/scss/editor.scss
Damien Elmes 7dcbc7efec basic night mode support
Forces the Fusion theme when running night mode, so we don't need
to work around platform themes that don't respond to the defined
palette.

Feedback/suggestions on the chosen colours welcome - _vars.scss is the
file to change if you want to experiment with adjustments.
2020-01-23 17:27:07 +10:00

97 lines
No EOL
1.4 KiB
SCSS

/* Copyright: Ankitects Pty Ltd and contributors
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
@use 'vars';
.field {
border: 1px solid vars.$day-border;
background: vars.$day-frame-bg;
color: vars.$day-text-fg;
padding: 5px;
overflow-wrap: break-word;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.fname {
vertical-align: middle;
padding: 0;
}
img {
max-width: 90vw;
}
body {
margin: 5px;
}
#topbutsOuter {
position: fixed;
top: 0;
padding: 2px;
left: 0;
right: 0;
}
.topbut {
width: 16px;
height: 16px;
margin-top: 4px;
}
.rainbow {
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0.00, #f77),
color-stop(50%, #7f7),
color-stop(100%, #77f));
}
button.linkb {
-webkit-appearance: none;
border: 0;
box-shadow: none;
padding: 0px 2px;
background: transparent;
}
.linkb:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.highlighted {
border-bottom: 3px solid #000;
}
#fields {
margin-top: 35px;
}
.dupe {
background: #fcc;
}
.nightMode {
.field {
border-color: vars.$night-border;
background: vars.$night-frame-bg;
color: vars.$night-text-fg;
}
button.linkb > img {
filter: invert(180);
}
.dupe {
background: #a00;
}
#dupes a {
color: vars.$night-link;
}
}