@@ -62,6 +67,13 @@ export default {
el.scrollIntoView();
}
},
+ currentTheme() {
+ if (this.$vuetify.theme.dark) {
+ return this.$vuetify.theme.themes.dark;
+ } else {
+ return this.$vuetify.theme.themes.light;
+ }
+ },
},
};
@@ -70,4 +82,46 @@ export default {
display: block;
padding: 12px;
}
+.task-wrapper .subtitle-2 {
+ font-size: 14px;
+}
+.task-wrapper .list {
+ display: flex;
+ flex-direction: column;
+ row-gap: 10px;
+ margin-top: 10px;
+}
+.task-wrapper .list > .one {
+ display: flex;
+ align-items: center;
+ column-gap: 10px;
+}
+.task-wrapper .list > .one > input[type="checkbox"]:checked {
+ accent-color: #7c3aed;
+}
+.task-wrapper .list > .one > content {
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 20px;
+}
+.error1 {
+ background-color: #fef2f2 !important;
+ padding: 10px;
+ display: flex;
+ column-gap: 10px;
+ margin-top: 10px;
+}
+.error1 > .content > .title {
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 20px;
+ color: #991b1b;
+}
+.error1 > .content > .desc {
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 20px;
+ color: #b91c1c;
+ margin-top: 5px;
+}
diff --git a/src/components/ControlPanel.vue b/src/components/ControlPanel.vue
index e1eaf592..6a1ac684 100644
--- a/src/components/ControlPanel.vue
+++ b/src/components/ControlPanel.vue
@@ -68,6 +68,7 @@
small
block
color="white"
+ :style="{ color: currentTheme.black }"
@click="exportItems"
>
mdi-download {{ $tc("caption.export", 1) }}
@@ -96,7 +97,10 @@
v-on="on"
@click="resume"
>
-
mdi-play-circle
+
+ mdi-play-circle
+
+
mdi-play-circle
{{ $tc("caption.resume_session", 1) }}
@@ -114,7 +118,10 @@
v-on="on"
@click="newSessionDialog = true"
>
-
mdi-content-save
+
+ mdi-content-save
+
+
mdi-content-save
{{ $tc("caption.save_session") }}
@@ -131,7 +138,10 @@
v-on="on"
@click="resetConfirmDialog = true"
>
-
mdi-close-circle
+
+ mdi-close-circle
+
+
mdi-close-circle
{{ $tc("caption.clear_session", 1) }}
@@ -156,10 +166,17 @@
@click="pauseSession()"
>
+
{{ $tc("caption.pause_session", 1) }}
@@ -177,10 +194,17 @@
@click="resumeSession()"
>
+
{{ $tc("caption.resume_session", 1) }}
@@ -198,10 +222,17 @@
@click="endSession()"
>
+
{{ $tc("caption.end_session", 1) }}
@@ -220,10 +251,17 @@
@click="startRecordVideo()"
>
+
{{ $tc("caption.start_video_record", 1) }}
@@ -242,10 +280,17 @@
@click="stopRecordVideo()"
>
+
{{ $tc("caption.stop_video_record", 1) }}
@@ -264,10 +309,17 @@
@click="screenshot()"
>
+
{{ $tc("caption.screenshot", 1) }}
@@ -286,10 +338,17 @@
@click="startRecordAudio()"
>
+
{{ $tc("caption.start_audio_record", 1) }}
@@ -308,10 +367,19 @@
@click="stopRecordAudio()"
>
+
{{ $tc("caption.stop_audio_record", 1) }}
@@ -330,10 +398,17 @@
@click="showNoteDialog"
>
+
{{ $tc("caption.note", 1) }}
@@ -351,10 +426,17 @@
@click="mindMap"
>
+
{{ $tc("caption.mind_map", 1) }}
@@ -371,10 +453,17 @@
@click="minimize"
>
+
{{ $tc("caption.minimize", 1) }}
@@ -391,7 +480,10 @@
v-on="on"
v-bind="attrs"
>
-
mdi-dots-vertical
+
+ mdi-dots-vertical
+
+
mdi-dots-vertical
@@ -627,6 +719,13 @@ export default {
const result = date.toISOString().substr(11, 8);
return result;
},
+ currentTheme() {
+ if (this.$vuetify.theme.dark) {
+ return this.$vuetify.theme.themes.dark;
+ } else {
+ return this.$vuetify.theme.themes.light;
+ }
+ },
summary() {
let summary = {};
this.items.map((item) => {
@@ -842,7 +941,7 @@ export default {
data: {
path: "noteEditor",
size: {
- width: 400,
+ width: 500,
height: 550,
},
data: this.config,
@@ -984,7 +1083,7 @@ export default {
data: {
path: "endsession",
size: {
- width: 350,
+ width: 450,
height: 500,
},
data: this.config,
@@ -1585,4 +1684,11 @@ export default {
.v-btn--disabled img {
opacity: 0.5;
}
+.theme--dark .control-btn-wrapper {
+ background-color: #374151;
+}
+.theme--dark .control-btn {
+ background-color: #4b5563;
+ border-color: #4b5563;
+}
diff --git a/src/components/TestWrapper.vue b/src/components/TestWrapper.vue
index 6b6b4dd8..c830959f 100644
--- a/src/components/TestWrapper.vue
+++ b/src/components/TestWrapper.vue
@@ -3,7 +3,12 @@
-
{{ $tc("caption.title", 1) }}
+
+ {{ $tc("caption.title", 1) }}
+
-
+
{{ $tc("caption.charter", 1) }}
-
+
{{ $tc("caption.time_limit", 1) }}
@@ -94,7 +104,7 @@
diff --git a/src/components/TimelineWrapper.vue b/src/components/TimelineWrapper.vue
index 66736283..78a165b5 100644
--- a/src/components/TimelineWrapper.vue
+++ b/src/components/TimelineWrapper.vue
@@ -2,10 +2,13 @@
-
+
{{ $tc("caption.session_started", 1) }}
-
+
mdi-calendar-minus-outline
{{ $store.state.started }}
{{ current }}
@@ -760,6 +763,13 @@ export default {
current() {
return dayjs().format("MM-DD-YYYY");
},
+ currentTheme() {
+ if (this.$vuetify.theme.dark) {
+ return this.$vuetify.theme.themes.dark;
+ } else {
+ return this.$vuetify.theme.themes.light;
+ }
+ },
},
mounted() {
this.itemLists.map((item) => {
diff --git a/src/components/VideoWrapper.vue b/src/components/VideoWrapper.vue
index 3d688aa3..c994859d 100644
--- a/src/components/VideoWrapper.vue
+++ b/src/components/VideoWrapper.vue
@@ -26,7 +26,10 @@
-
+
{{ $tc("caption.start", 1) }}
-
-
{{ $tc("caption.end", 1) }}
+
+ {{ $tc("caption.end", 1) }}
+
diff --git a/src/components/authentication/SigninWrapper.vue b/src/components/authentication/SigninWrapper.vue
index 87bdcc87..a01799eb 100644
--- a/src/components/authentication/SigninWrapper.vue
+++ b/src/components/authentication/SigninWrapper.vue
@@ -5,7 +5,10 @@
mdi-chevron-left
{{ $tc("caption.back", 1) }}
-
+
{{ $tc("caption.sign_in", 1) }}
@@ -22,7 +25,9 @@
- {{ $tc("caption.signin_jira", 1) }}
+
+ {{ $tc("caption.signin_jira", 1) }}
+
@@ -132,7 +143,15 @@ export default {
},
};
},
- computed: {},
+ computed: {
+ currentTheme() {
+ if (this.$vuetify.theme.dark) {
+ return this.$vuetify.theme.themes.dark;
+ } else {
+ return this.$vuetify.theme.themes.light;
+ }
+ },
+ },
mounted() {
window.ipc.on("JIRA_LOGIN", (data) => {
this.jiraLogin(data);
@@ -275,7 +294,6 @@ export default {
font-weight: 600;
font-size: 16px;
line-height: 24px;
- color: #111827;
text-align: center;
}
.header .signup-title span {
@@ -287,6 +305,9 @@ export default {
border-radius: 8px;
padding: 32px 40px;
}
+.theme--dark .content {
+ background-color: #374151 !important;
+}
.outline-btn {
display: flex;
border: 1px solid #d1d5db;
@@ -297,12 +318,15 @@ export default {
.outline-btn:hover {
background-color: #d1d5db;
}
+.theme--dark .outline-btn {
+ background-color: #4b5563;
+ border: 0;
+}
.outline-btn .btn-text {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
- color: #111827;
font-size: 13px;
font-weight: 500;
line-height: 16px;
diff --git a/src/components/dialogs/EndSessionDialog.vue b/src/components/dialogs/EndSessionDialog.vue
index 44dd67a6..b4fb3cde 100644
--- a/src/components/dialogs/EndSessionDialog.vue
+++ b/src/components/dialogs/EndSessionDialog.vue
@@ -1,7 +1,7 @@
-
-
+
+
{{ $tc("caption.end_session", 1) }}
-
+
{{ $tc("caption.cancel", 1) }}
@@ -41,6 +46,13 @@ export default {
tasks() {
return this.postSessionData ? this.postSessionData.tasks : [];
},
+ currentTheme() {
+ if (this.$vuetify.theme.dark) {
+ return this.$vuetify.theme.themes.dark;
+ } else {
+ return this.$vuetify.theme.themes.light;
+ }
+ },
},
data() {
return {
diff --git a/src/components/dialogs/NoteDialog.vue b/src/components/dialogs/NoteDialog.vue
index aad1e83f..7bf40bbb 100644
--- a/src/components/dialogs/NoteDialog.vue
+++ b/src/components/dialogs/NoteDialog.vue
@@ -8,7 +8,7 @@
eager
>
-
+
{{ $tc("caption.take_note", 1) }}
@@ -56,7 +56,7 @@
-
+
{{ $tc("caption.note_type", 1) }}
{{ $tc("caption.discard", 1) }}
@@ -163,6 +164,15 @@ export default {
tags: [],
};
},
+ computed: {
+ currentTheme() {
+ if (this.$vuetify.theme.dark) {
+ return this.$vuetify.theme.themes.dark;
+ } else {
+ return this.$vuetify.theme.themes.light;
+ }
+ },
+ },
methods: {
handleDiscard() {
this.handleClear();
@@ -199,7 +209,6 @@ export default {
font-style: normal;
font-weight: 600;
line-height: 20px;
- color: #111827;
padding: 12px;
}
.dialog-content {
diff --git a/src/components/dialogs/ResetConfirmDialog.vue b/src/components/dialogs/ResetConfirmDialog.vue
index 3ff004da..74c3015d 100644
--- a/src/components/dialogs/ResetConfirmDialog.vue
+++ b/src/components/dialogs/ResetConfirmDialog.vue
@@ -1,9 +1,9 @@
-
-
+
+
-
+
{{ title || $tc("caption.delete", 1) }}
@@ -22,6 +22,7 @@
small
color="white"
class="text-capitalize btn"
+ :style="{ color: currentTheme.black }"
@click="cancel"
>
{{ $tc("cancel", 1) }}
@@ -43,6 +44,15 @@ export default {
title: String,
text: String,
},
+ computed: {
+ currentTheme() {
+ if (this.$vuetify.theme.dark) {
+ return this.$vuetify.theme.themes.dark;
+ } else {
+ return this.$vuetify.theme.themes.light;
+ }
+ },
+ },
methods: {
cancel() {
this.$emit("cancel");
@@ -65,7 +75,6 @@ export default {
font-weight: 600;
font-size: 14px;
line-height: 20px;
- color: #111827;
}
.v-card__text {
padding: 0;
diff --git a/src/components/dialogs/SourcePickerDialog.vue b/src/components/dialogs/SourcePickerDialog.vue
index b8f294a8..58b06bb1 100644
--- a/src/components/dialogs/SourcePickerDialog.vue
+++ b/src/components/dialogs/SourcePickerDialog.vue
@@ -6,10 +6,12 @@
width="100%"
max-width="600px"
>
-
+
@@ -27,7 +29,9 @@
-
{{ item.name }}
+
+ {{ item.name }}
+
@@ -37,7 +41,13 @@