vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

chore: handle dark mode

Browse source
This commit is contained in:
Shariq Ansari 2023-11-08 13:50:47 +05:30
parent 4d6bc58a59
commit 98f357cbb1
8 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frappe/public/icons/timeless/icons.svg
View file

@ -815,7 +815,7 @@
<symbol viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" id="icon-duplicate">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.936 2a2 2 0 0 0-2 2v.649h1V4a1 1 0 0 1 1-1h5.566a1 1 0 0 1 1 1v4.595a1 1 0 0 1-1 1h-.642v1h.642a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6.936zM3.5 5.402a2 2 0 0 0-2 2v4.595a2 2 0 0 0 2 2h5.566a2 2 0 0 0 2-2V7.402a2 2 0 0 0-2-2H3.5zm-1 2a1 1 0 0 1 1-1h5.566a1 1 0 0 1 1 1v4.595a1 1 0 0 1-1 1H3.5a1 1 0 0 1-1-1V7.402z"
stroke="none" fill="#192734"></path>
stroke="none" fill="var(--icon-stroke)"></path>
</symbol>
<symbol viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon-chart">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 114 KiB

3
frappe/public/js/form_builder/components/Autocomplete.vue
View file

@ -113,10 +113,11 @@ watch(showOptions, (val) => {
.combo-box-options {
width: 100%;
background-color: var(--white);
background-color: var(--fg-color);
border-radius: var(--border-radius-lg);
box-shadow: var(--shadow-2xl);
padding: 0;
border: 1px solid var(--subtle-accent);
}
.combo-box-option {

2
frappe/public/js/form_builder/components/Column.vue
View file

@ -84,7 +84,7 @@ const selected = computed(() => store.selected(props.column.df.name));
&.hovered,
&.selected {
border-color: var(--primary);
border-color: var(--border-primary);
border-style: solid;
}

2
frappe/public/js/form_builder/components/Field.vue
View file

@ -166,7 +166,7 @@ onMounted(() => selected.value && label_input.value.focus_on_label());
&.hovered,
&.selected {
border-color: var(--primary);
border-color: var(--border-primary);
.btn.btn-icon {
opacity: 1 !important;
}

2
frappe/public/js/form_builder/components/Section.vue
View file

@ -324,7 +324,7 @@ const options = computed(() => {
&.hovered,
&.selected {
border-color: var(--primary);
border-color: var(--border-primary);
}
.section-header {

2
frappe/public/js/form_builder/components/Tabs.vue
View file

@ -270,7 +270,7 @@ function delete_tab(tab, with_children) {
color: var(--text-color);
&::before {
border-color: var(--primary);
border-color: var(--border-primary);
}
}

3
frappe/public/scss/common/css_variables.scss
View file

@ -102,6 +102,9 @@ $disabled-input-height: 22px;
--btn-default-bg: var(--gray-100);
--btn-default-hover-bg: var(--gray-300);
// Border Colors
--border-primary: var(--gray-900);
// Other Colors
--sidebar-select-color: var(--gray-200);

2
frappe/public/scss/desk/dark.scss
View file

@ -45,6 +45,8 @@ $check-icon-dark: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xm
--btn-default-hover-bg: var(--gray-700);
--btn-primary: var(--gray-300);
// Border Colors
--border-primary: var(--gray-200);
// Background Text Color Pairs