wbrawner/tasks
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix colors for dark theme

Browse source
This commit is contained in:
Raimund Schlüßler 2018-11-22 22:02:00 +01:00
parent 50d07ce5c9
commit b26383b69f
No known key found for this signature in database
GPG key ID: 036FA7EB1A599178
3 changed files with 10 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
css/src/style.scss
View file

@ -445,11 +445,9 @@
}
&.add-subtask {
background: $white;
border: 1px solid $gray_light;
input {
background: transparent none repeat scroll 0 0 !important;
border: medium none !important;
border-radius: 0 !important;
box-shadow: none !important;
@ -474,7 +472,6 @@
}
.task-body {
background-color: $white;
height: 37px;
list-style: none outside none;
margin: 0;
@ -694,7 +691,6 @@
}
.expandable-container {
background: none repeat scroll 0 0 $white;
border: 1px solid $gray;
padding: 0 6px;
display: none !important;
@ -895,7 +891,6 @@
}
input {
background-color: $white;
border-radius: 0;
margin-top: 0;
color: $gray_dark;
@ -1085,10 +1080,6 @@
.icon {
opacity: .7;
}
.detail-checkbox:not(.disabled) {
border-color: $black;
}
}
.icon {
@ -1126,16 +1117,17 @@
&.task-checkbox,
&.detail-checkbox {
border-radius: 3px;
border: 1px solid $gray;
border: 1px solid var(--color-main-text);
float: left;
margin: 9px;
opacity: 0.5;
&:not(.icon-checkmark) {
background: unset;
}
&:not(.disabled):hover {
border-color: $black;
opacity: 0.7;
}
&.disabled {

12
css/src/vars.scss
View file

@ -5,11 +5,11 @@
//colors
$red: #e9322d; // warnings and errors
$red_overdue: #b3312d; // overdue dates and high importance
$yellow: #fd0; // medium importance
$blue_due: #4271a6; // due dates and low importance
$gray_dark: #404040; // text
$gray: #a0a0a0; // inactive text, checkbox-borders and separators
$gray_light: #ccc;
$gray_easy: #f7f7f7;
$yellow: #fd0; // medium importance
$blue_due: #4271a6; // due dates and low importance
$gray_dark: var(--color-main-text); // text
$gray: #a0a0a0; // inactive text, checkbox-borders and separators
$gray_light: var(--color-border-dark);
$gray_easy: var(--color-background-dark);
$black: #000;
$white: #fff;

2
src/components/PopoverMenu.vue
View file

@ -21,7 +21,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
<template>
<component :is="tag">
<button v-click-outside="closeMenu" @click="toggleMenu" />
<button v-click-outside="closeMenu" class="icon-more" @click="toggleMenu" />
<div :class="{'open': menuOpen}" class="app-navigation-entry-menu">
<slot />
</div>