@ckeditor/ckeditor5-theme-lark 34.2.0 → 35.1.0

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 (20) hide show
  1. package/CHANGELOG.md +424 -0
  2. package/package.json +30 -29
  3. package/theme/ckeditor5-link/linkactions.css +0 -1
  4. package/theme/ckeditor5-link/linkform.css +6 -5
  5. package/theme/ckeditor5-special-characters/charactergrid.css +10 -1
  6. package/theme/ckeditor5-special-characters/characterinfo.css +6 -0
  7. package/theme/ckeditor5-special-characters/specialcharacters.css +10 -0
  8. package/theme/ckeditor5-style/stylegrid.css +14 -25
  9. package/theme/ckeditor5-table/inserttable.css +1 -0
  10. package/theme/ckeditor5-table/tableediting.css +1 -1
  11. package/theme/ckeditor5-ui/components/button/button.css +2 -0
  12. package/theme/ckeditor5-ui/components/button/switchbutton.css +40 -20
  13. package/theme/ckeditor5-ui/components/colorgrid/colorgrid.css +1 -1
  14. package/theme/ckeditor5-ui/components/list/list.css +1 -1
  15. package/theme/ckeditor5-ui/components/panel/balloonpanel.css +58 -3
  16. package/theme/ckeditor5-ui/components/responsive-form/responsiveform.css +10 -9
  17. package/theme/ckeditor5-ui/components/toolbar/toolbar.css +0 -3
  18. package/theme/ckeditor5-ui/components/tooltip/tooltip.css +12 -176
  19. package/theme/ckeditor5-ui/globals/_colors.css +24 -25
  20. package/theme/ckeditor5-ui/mixins/_button.css +0 -1
package/theme/ckeditor5-ui/globals/_colors.css CHANGED
@@ -6,19 +6,19 @@
6
6
  :root {
7
7
  --ck-color-base-foreground: hsl(0, 0%, 98%);
8
8
  --ck-color-base-background: hsl(0, 0%, 100%);
9
- --ck-color-base-border: hsl(0, 0%, 77%);
10
- --ck-color-base-action: hsl(104, 44%, 48%);
9
+ --ck-color-base-border: hsl(220, 6%, 81%);
10
+ --ck-color-base-action: hsl(104, 50.2%, 42.5%);
11
11
  --ck-color-base-focus: hsl(209, 92%, 70%);
12
12
  --ck-color-base-text: hsl(0, 0%, 20%);
13
- --ck-color-base-active: hsl(208, 88%, 52%);
14
- --ck-color-base-active-focus: hsl(208, 88%, 47%);
13
+ --ck-color-base-active: hsl(218.1, 100%, 58%);
14
+ --ck-color-base-active-focus: hsl(218.2, 100%, 52.5%);
15
15
  --ck-color-base-error: hsl(15, 100%, 43%);
16
16
 
17
17
  /* -- Generic colors ------------------------------------------------------------------------ */
18
18
 
19
- --ck-color-focus-border-coordinates: 208, 79%, 51%;
19
+ --ck-color-focus-border-coordinates: 218, 81.8%, 56.9%;
20
20
  --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
21
- --ck-color-focus-outer-shadow: hsl(207, 89%, 86%);
21
+ --ck-color-focus-outer-shadow: hsl(212.4, 89.3%, 89%);
22
22
  --ck-color-focus-disabled-shadow: hsla(209, 90%, 72%,.3);
23
23
  --ck-color-focus-error-shadow: hsla(9,100%,56%,.3);
24
24
  --ck-color-text: var(--ck-color-base-text);
@@ -29,31 +29,30 @@
29
29
  /* -- Buttons ------------------------------------------------------------------------------- */
30
30
 
31
31
  --ck-color-button-default-background: transparent;
32
- --ck-color-button-default-hover-background: hsl(0, 0%, 90%);
33
- --ck-color-button-default-active-background: hsl(0, 0%, 85%);
34
- --ck-color-button-default-active-shadow: hsl(0, 0%, 75%);
32
+ --ck-color-button-default-hover-background: hsl(0, 0%, 94.1%);
33
+ --ck-color-button-default-active-background: hsl(0, 0%, 94.1%);
35
34
  --ck-color-button-default-disabled-background: transparent;
36
35
 
37
- --ck-color-button-on-background: hsl(0, 0%, 87%);
38
- --ck-color-button-on-hover-background: hsl(0, 0%, 77%);
39
- --ck-color-button-on-active-background: hsl(0, 0%, 73%);
40
- --ck-color-button-on-active-shadow: hsl(0, 0%, 63%);
41
- --ck-color-button-on-disabled-background: hsl(0, 0%, 87%);
36
+ --ck-color-button-on-background: hsl(212, 100%, 97.1%);
37
+ --ck-color-button-on-hover-background: hsl(211.7, 100%, 92.9%);
38
+ --ck-color-button-on-active-background: hsl(211.7, 100%, 92.9%);
39
+ --ck-color-button-on-disabled-background: hsl(211, 15%, 95%);
40
+ --ck-color-button-on-color: hsl(218.1, 100%, 58%);
41
+
42
42
 
43
43
  --ck-color-button-action-background: var(--ck-color-base-action);
44
- --ck-color-button-action-hover-background: hsl(104, 44%, 43%);
45
- --ck-color-button-action-active-background: hsl(104, 44%, 41%);
46
- --ck-color-button-action-active-shadow: hsl(104, 44%, 36%);
44
+ --ck-color-button-action-hover-background: hsl(104, 53.2%, 40.2%);
45
+ --ck-color-button-action-active-background: hsl(104, 53.2%, 40.2%);
47
46
  --ck-color-button-action-disabled-background: hsl(104, 44%, 58%);
48
47
  --ck-color-button-action-text: var(--ck-color-base-background);
49
48
 
50
49
  --ck-color-button-save: hsl(120, 100%, 27%);
51
50
  --ck-color-button-cancel: hsl(15, 100%, 43%);
52
51
 
53
- --ck-color-switch-button-off-background: hsl(0, 0%, 69%);
54
- --ck-color-switch-button-off-hover-background: hsl(0, 0%, 64%);
52
+ --ck-color-switch-button-off-background: hsl(0, 0%, 57.6%);
53
+ --ck-color-switch-button-off-hover-background: hsl(0, 0%, 49%);
55
54
  --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
56
- --ck-color-switch-button-on-hover-background: hsl(104, 44%, 43%);
55
+ --ck-color-switch-button-on-hover-background: hsl(104, 53.2%, 40.2%);
57
56
  --ck-color-switch-button-inner-background: var(--ck-color-base-background);
58
57
  --ck-color-switch-button-inner-shadow: hsla(0, 0%, 0%, 0.1);
59
58
 
@@ -65,19 +64,19 @@
65
64
  /* -- Input --------------------------------------------------------------------------------- */
66
65
 
67
66
  --ck-color-input-background: var(--ck-color-base-background);
68
- --ck-color-input-border: hsl(0, 0%, 78%);
67
+ --ck-color-input-border: var(--ck-color-base-border);
69
68
  --ck-color-input-error-border: var(--ck-color-base-error);
70
69
  --ck-color-input-text: var(--ck-color-base-text);
71
70
  --ck-color-input-disabled-background: hsl(0, 0%, 95%);
72
- --ck-color-input-disabled-border: hsl(0, 0%, 78%);
71
+ --ck-color-input-disabled-border: var(--ck-color-base-border);
73
72
  --ck-color-input-disabled-text: hsl(0, 0%, 46%);
74
73
 
75
74
  /* -- List ---------------------------------------------------------------------------------- */
76
75
 
77
76
  --ck-color-list-background: var(--ck-color-base-background);
78
77
  --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
79
- --ck-color-list-button-on-background: var(--ck-color-base-active);
80
- --ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
78
+ --ck-color-list-button-on-background: var(--ck-color-button-on-color);
79
+ --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
81
80
  --ck-color-list-button-on-text: var(--ck-color-base-background);
82
81
 
83
82
  /* -- Panel --------------------------------------------------------------------------------- */
@@ -87,7 +86,7 @@
87
86
 
88
87
  /* -- Toolbar ------------------------------------------------------------------------------- */
89
88
 
90
- --ck-color-toolbar-background: var(--ck-color-base-foreground);
89
+ --ck-color-toolbar-background: var(--ck-color-base-background);
91
90
  --ck-color-toolbar-border: var(--ck-color-base-border);
92
91
 
93
92
  /* -- Tooltip ------------------------------------------------------------------------------- */
package/theme/ckeditor5-ui/mixins/_button.css CHANGED
@@ -19,7 +19,6 @@
19
19
 
20
20
  &:active {
21
21
  background: var($(prefix)-active-background);
22
- box-shadow: inset 0 2px 2px var($(prefix)-active-shadow);
23
22
  }
24
23
  }
25
24