ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

색상 변경에 따른 수정

Browse Source
This commit is contained in:
khk 2020-01-31 18:14:55 +09:00
parent eaadd72e89
commit e502bbff54
3 changed files with 21 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.html
View File

@ -10,7 +10,7 @@
</div> </div>
<span <span
class="app-title text-accent-darkest " class="app-title text-primary-color"
[@animate]="{ value: '*', params: { delay: '100ms', y: '25px' } }" [@animate]="{ value: '*', params: { delay: '100ms', y: '25px' } }"
> >
{{ getTitle() }} {{ getTitle() }}

31
projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
View File

@ -54,19 +54,20 @@ ol {
$lg-red: ( $lg-red: (
50: #ffffff, 50: #ffffff,
100: #fff9fc, 100: #fff9fc,
200: #f48fb1, 200: #f1e1e5,
/*300: #f06292,*/ 300: #ef4c73, /*300: #f06292,*/ 300: #ef4c73,
400: #ec407a, 400: #ec407a,
500: #ed097e, 500: #ed097e,
600: #d81b60, 600: #d81b60,
700: #c2185b, 700: #c2185b,
800: #ad1457, 800: #ad1457,
/*900: #880e4f,*/900: #5f2a41, /*900: #880e4f,*/ 900: #5f2a41,
A100: #ff80ab, A100: #ff80ab,
A200: #ff4081, A200: #ff4081,
A400: #ff3399, A400: #ff3399,
A700: #c51162, A700: #c51162,
B100: #4f4f4f, B100: #4f4f4f,
B200: #67545b,
G100: #ef4c73, G100: #ef4c73,
G900: #352a37, G900: #352a37,
contrast: ( contrast: (
@ -92,14 +93,12 @@ $lg-red: (
$aquaBlue-daesang: ( $aquaBlue-daesang: (
50: #f9feff, 50: #f9feff,
//#e0f7fa, 100: #ebfdff,
/* 100: #b2ebf2,*/ 100: #ebfdff, 200: #a7f3fd,
/*200: #65e4f5,*/ 200: #a7f3fd, 300: #4dd0e1,
//#80deea,
300: #4dd0e1,
400: #26c6da, 400: #26c6da,
500: #00bcd4, 500: #00bcd4,
/*600: #00acc1,*/ 600: #00b6d5, 600: #00b6d5,
700: #1ea7b9, 700: #1ea7b9,
800: #0367a6, 800: #0367a6,
900: #024873, 900: #024873,
@ -108,6 +107,7 @@ $aquaBlue-daesang: (
A400: #00e5ff, A400: #00e5ff,
A700: #06a6c1, A700: #06a6c1,
B100: #2d3a4a, B100: #2d3a4a,
B200: #00b6d5,
//,#47667fbackgroundcolor //,#47667fbackgroundcolor
G100: #0367a6, G100: #0367a6,
/*G900: #192a2c,*/ G900: #6dd5ed, /*G900: #192a2c,*/ G900: #6dd5ed,
@ -200,11 +200,11 @@ $daesang-grey: (
color: mat-color($primary, default-contrast); color: mat-color($primary, default-contrast);
} }
.bg-accent-dark { .bg-accent-dark {
background: mat-color($accent, 600); background: mat-color($accent, B200);
color: mat-color($primary, default-contrast); color: mat-color($primary, default-contrast);
} }
.bg-accent-light { .bg-accent-light {
background: mat-color($accent, 300) !important; background: mat-color($accent, 300);
color: mat-color($primary, default-contrast); color: mat-color($primary, default-contrast);
} }
.bg-accent-bright { .bg-accent-bright {
@ -278,7 +278,8 @@ $daesang-grey: (
.policy { .policy {
background-color: mat-color($accent, B100); background-color: mat-color($accent, B100);
} }
.mat-badge-accent .mat-badge-content , .weblink .mat-badge-content{ .mat-badge-accent .mat-badge-content,
.weblink .mat-badge-content {
background-color: mat-color($warn, 400); background-color: mat-color($warn, 400);
} }
@ -430,4 +431,12 @@ $daesang-grey: (
.translation-preview { .translation-preview {
background-color: mat-color($accent, 900, 0.8); background-color: mat-color($accent, 900, 0.8);
} }
.tree-has-child {
li {
.tree-node-body {
background-color: mat-color($accent, 100);
border: 1px solid mat-color($accent, 200);
}
}
}
} }

12
projects/ucap-webmessenger-ui-organization/src/lib/components/tree.component.scss
View File

@ -3,8 +3,6 @@
.tree-node-closer-container { .tree-node-closer-container {
position: relative; position: relative;
// border: 1px dotted grey;
// border-width: 0 0 1px 1px;
.tree-node-closer-top { .tree-node-closer-top {
width: 15px; width: 15px;
@ -13,7 +11,6 @@
border: 1px dotted #cccccc; border: 1px dotted #cccccc;
border-width: 0 0 1px 1px; border-width: 0 0 1px 1px;
top: -40px; top: -40px;
// left: 20px;
} }
.tree-node-closer-bottom { .tree-node-closer-bottom {
width: 15px; width: 15px;
@ -22,7 +19,6 @@
border: 1px dotted #cccccc; border: 1px dotted #cccccc;
border-width: 0 0 1px 1px; border-width: 0 0 1px 1px;
top: 0px; top: 0px;
// left: 20px;
} }
.tree-node-closer-top[sub-node] { .tree-node-closer-top[sub-node] {
@ -52,11 +48,6 @@
list-style-type: none; list-style-type: none;
} }
// li:last-child {
// border-left: 1px solid white;
// margin-left: -41px;
// }
.tree-has-child { .tree-has-child {
height: 50px; height: 50px;
min-height: 50px; min-height: 50px;
@ -71,10 +62,7 @@
.tree-node-body { .tree-node-body {
width: 100%; width: 100%;
height: 40px; height: 40px;
background-color: #eef9fd;
border: 1px solid #cee1e8;
border-radius: 4px; border-radius: 4px;
//padding-bottom: 10px;
button { button {
line-height: normal; line-height: normal;
.mat-button-wrapper { .mat-button-wrapper {