@onemrvapublic/design-system-theme 20.7.0-develop.8 → 20.7.0-develop.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/overrides/_button.scss +3 -0
  2. package/overrides/_layout.scss +12 -12
  3. package/overrides/_panel.scss +27 -27
  4. package/package.json +1 -1
  5. package/utilities/_tokens.scss +6 -6
package/overrides/_button.scss CHANGED
@@ -4,6 +4,9 @@
4
4
  @mixin override() {
5
5
  @include mat.button-overrides(
6
6
  (
7
+ filled-label-text-font: var(--brand-font),
8
+ outlined-label-text-font: var(--brand-font),
9
+ text-label-text-font: var(--brand-font),
7
10
  outlined-outline-color: var(--mat-sys-primary),
8
11
  outlined-label-text-color: var(--mat-sys-primary),
9
12
  outlined-outline-width: 2px,
package/overrides/_layout.scss CHANGED
@@ -1,18 +1,18 @@
1
1
  @use '@angular/material' as mat;
2
2
 
3
3
  @mixin override() {
4
- &:not(.light-theme) {
5
- @media (prefers-color-scheme: dark) {
6
- header {
7
- .logo {
8
- filter: brightness(0) invert(1);
9
- }
10
- .application-title {
11
- color: var(--mat-sys-on-surface) !important;
12
- }
13
- }
14
- }
15
- }
4
+ //&:not(.light-theme) {
5
+ // @media (prefers-color-scheme: dark) {
6
+ // header {
7
+ // .logo {
8
+ // filter: brightness(0) invert(1);
9
+ // }
10
+ // .application-title {
11
+ // color: var(--mat-sys-on-surface) !important;
12
+ // }
13
+ // }
14
+ // }
15
+ //}
16
16
 
17
17
  &.dark-theme {
18
18
  header {
package/overrides/_panel.scss CHANGED
@@ -1,33 +1,33 @@
1
1
  @use '@angular/material' as mat;
2
2
 
3
3
  @mixin override() {
4
- &:not(.light-theme) {
5
- onemrva-mat-panel {
6
- &[class^='mat-'] {
7
- @media (prefers-color-scheme: dark) {
8
- @include mat.form-field-overrides(
9
- (
10
- outlined-label-text-color: var(--mat-sys-on-background),
11
- outlined-outline-color: var(--mat-sys-on-background),
12
- outlined-focus-label-text-color: var(--mat-sys-on-background),
13
- outlined-focus-outline-color: var(--mat-sys-on-background),
14
- outlined-hover-label-text-color: var(--mat-sys-on-background),
15
- outlined-hover-outline-color: var(--mat-sys-on-background),
16
- outlined-input-text-placeholder-color: var(--mat-sys-outline),
17
- )
18
- );
19
- @include mat.select-overrides(
20
- (
21
- enabled-arrow-color: var(--mat-sys-on-background),
22
- focused-arrow-color: var(--mat-sys-on-background),
23
- placeholder-text-color: var(--mat-sys-on-background),
24
- enabled-trigger-text-color: var(--mat-sys-on-background),
25
- )
26
- );
27
- }
28
- }
29
- }
30
- }
4
+ //&:not(.light-theme) {
5
+ // onemrva-mat-panel {
6
+ // &[class^='mat-'] {
7
+ // @media (prefers-color-scheme: dark) {
8
+ // @include mat.form-field-overrides(
9
+ // (
10
+ // outlined-label-text-color: var(--mat-sys-on-background),
11
+ // outlined-outline-color: var(--mat-sys-on-background),
12
+ // outlined-focus-label-text-color: var(--mat-sys-on-background),
13
+ // outlined-focus-outline-color: var(--mat-sys-on-background),
14
+ // outlined-hover-label-text-color: var(--mat-sys-on-background),
15
+ // outlined-hover-outline-color: var(--mat-sys-on-background),
16
+ // outlined-input-text-placeholder-color: var(--mat-sys-outline),
17
+ // )
18
+ // );
19
+ // @include mat.select-overrides(
20
+ // (
21
+ // enabled-arrow-color: var(--mat-sys-on-background),
22
+ // focused-arrow-color: var(--mat-sys-on-background),
23
+ // placeholder-text-color: var(--mat-sys-on-background),
24
+ // enabled-trigger-text-color: var(--mat-sys-on-background),
25
+ // )
26
+ // );
27
+ // }
28
+ // }
29
+ // }
30
+ //}
31
31
  &.dark-theme {
32
32
  onemrva-mat-panel {
33
33
  onemrva-mat-panel {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onemrvapublic/design-system-theme",
3
- "version": "v20.7.0-develop.8",
3
+ "version": "v20.7.0-develop.9",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
package/utilities/_tokens.scss CHANGED
@@ -100,12 +100,12 @@
100
100
  }
101
101
  }
102
102
 
103
- &:not(.light-theme) {
104
- @media (prefers-color-scheme: dark) {
105
- // TODO : dark mode
106
- --background-error-page: url('https://cdn.services.rvaonem.fgov.be/img/404/background-dark.svg');
107
- }
108
- }
103
+ //&:not(.light-theme) {
104
+ // @media (prefers-color-scheme: dark) {
105
+ // // TODO : dark mode
106
+ // --background-error-page: url('https://cdn.services.rvaonem.fgov.be/img/404/background-dark.svg');
107
+ // }
108
+ //}
109
109
 
110
110
  &.dark-theme {
111
111
  // TODO : dark mode