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

fix: use css variables for list and page style

Browse source
This commit is contained in:
prssanna 2020-07-27 13:42:18 +05:30
parent b170b26f6f
commit 1231369cdc
3 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frappe/public/scss/list.scss
View file

@ -89,7 +89,7 @@
font-size: var(--text-md);
&:hover {
background-color: $gray-50;
background-color: var(--control-bg);
}
&:last-child {
border-bottom: 0px;
@ -179,7 +179,7 @@
}
.list-paging-area, .footnote-area {
border-top: 1px sol var(--gray-100);
border-top: 1px sol var(--border-color);
}
.frappe-card {
@ -244,7 +244,7 @@ input.list-check-all, input.list-row-checkbox {
font-size: var(--text-md);
&:hover {
background-color: $gray-50;
background-color: var(--control-bg);
}
// @media (max-width: $screen-xs) {
@ -256,7 +256,7 @@ input.list-check-all, input.list-row-checkbox {
// }
&--head {
background-color: $gray-50;
background-color: var(--control-bg);
border-bottom: 1px solid $border-color;
cursor: auto;
}

2
frappe/public/scss/page.scss
View file

@ -79,7 +79,7 @@
display: flex;
flex-wrap: wrap;
background-color: var(--card-bg);
border-bottom: 1px solid var(--gray-100);
border-bottom: 1px solid var(--border-color);
.form-group {
padding: 0px 5px;

4
frappe/public/scss/variables.scss
View file

@ -104,7 +104,7 @@ $card-box-shadow: 0px 0px 1px rgba(17, 43, 66, 0.16), 0px 1px 3px rgba(17, 43, 6
--orange-300: #FDAE8C;
--orange-200: #FECDB8;
--orange-100: #FFEAE1;
--orange-050: #FFF5F0;
--orange-50: #FFF5F0;
--purple-900: #343360;
--purple-800: #45438F;
@ -167,6 +167,7 @@ $card-box-shadow: 0px 0px 1px rgba(17, 43, 66, 0.16), 0px 1px 3px rgba(17, 43, 6
--control-bg: var(--gray-100);
--modal-bg: white;
--toast-bg: var(--modal-bg);
--popover-bg: white;
--sidebar-select-color: var(--gray-200);
@ -260,6 +261,7 @@ $dropdown-item-padding-x: 0.5rem !default;
--control-bg: var(--gray-700);
--modal-bg: var(--gray-700);
--toast-bg: var(--modal-bg);
--popover-bg: var(--bg-color);
--sidebar-select-color: var(--gray-800);