@ckeditor/ckeditor5-theme-lark 0.0.0-nightly-20240507.0 → 0.0.0-nightly-20240508.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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ckeditor/ckeditor5-theme-lark",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20240508.0",
|
|
4
4
|
"description": "A bright theme for CKEditor 5.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ckeditor",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"ckeditor5-theme"
|
|
10
10
|
],
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@ckeditor/ckeditor5-ui": "0.0.0-nightly-
|
|
12
|
+
"@ckeditor/ckeditor5-ui": "0.0.0-nightly-20240508.0"
|
|
13
13
|
},
|
|
14
14
|
"author": "CKSource (http://cksource.com/)",
|
|
15
15
|
"license": "GPL-2.0-or-later",
|
|
@@ -3,10 +3,37 @@
|
|
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";
|
|
7
|
+
|
|
6
8
|
/* See ckeditor/ckeditor5#936. */
|
|
7
9
|
.ck.ck-placeholder, .ck .ck-placeholder {
|
|
10
|
+
@mixin ck-media-forced-colors {
|
|
11
|
+
/*
|
|
12
|
+
* This is needed for Edge on Windows to use the right color for the placeholder content (::before).
|
|
13
|
+
* See https://github.com/ckeditor/ckeditor5/issues/14907.
|
|
14
|
+
*/
|
|
15
|
+
forced-color-adjust: preserve-parent-color;
|
|
16
|
+
}
|
|
17
|
+
|
|
8
18
|
&::before {
|
|
9
19
|
cursor: text;
|
|
10
|
-
|
|
20
|
+
|
|
21
|
+
@mixin ck-media-default-colors {
|
|
22
|
+
color: var(--ck-color-engine-placeholder-text);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@mixin ck-media-forced-colors {
|
|
26
|
+
/*
|
|
27
|
+
* In the high contrast mode there is no telling between regular and placeholder text. Using
|
|
28
|
+
* italic text to address that issue. See https://github.com/ckeditor/ckeditor5/issues/14907.
|
|
29
|
+
*/
|
|
30
|
+
font-style: italic;
|
|
31
|
+
|
|
32
|
+
/*
|
|
33
|
+
* Without this margin, the caret will not show up and blink when the user puts the selection
|
|
34
|
+
* in the placeholder (Edge on Windows). See https://github.com/ckeditor/ckeditor5/issues/14907.
|
|
35
|
+
*/
|
|
36
|
+
margin-left: 1px;
|
|
37
|
+
}
|
|
11
38
|
}
|
|
12
39
|
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
@import "../../../mixins/_rounded.css";
|
|
7
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";
|
|
7
8
|
|
|
8
9
|
:root {
|
|
9
10
|
--ck-color-grid-tile-size: 24px;
|
|
@@ -20,13 +21,52 @@
|
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
.ck.ck-color-grid__tile {
|
|
23
|
-
width: var(--ck-color-grid-tile-size);
|
|
24
|
-
height: var(--ck-color-grid-tile-size);
|
|
25
|
-
min-width: var(--ck-color-grid-tile-size);
|
|
26
|
-
min-height: var(--ck-color-grid-tile-size);
|
|
27
|
-
padding: 0;
|
|
28
24
|
transition: .2s ease box-shadow;
|
|
29
|
-
|
|
25
|
+
|
|
26
|
+
@mixin ck-media-default-colors {
|
|
27
|
+
width: var(--ck-color-grid-tile-size);
|
|
28
|
+
height: var(--ck-color-grid-tile-size);
|
|
29
|
+
min-width: var(--ck-color-grid-tile-size);
|
|
30
|
+
min-height: var(--ck-color-grid-tile-size);
|
|
31
|
+
padding: 0;
|
|
32
|
+
border: 0;
|
|
33
|
+
|
|
34
|
+
&.ck-on,
|
|
35
|
+
&:focus:not( .ck-disabled ),
|
|
36
|
+
&:hover:not( .ck-disabled ) {
|
|
37
|
+
/* Disable the default .ck-button's border ring. */
|
|
38
|
+
border: 0;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&.ck-color-selector__color-tile_bordered {
|
|
42
|
+
box-shadow: 0 0 0 1px var(--ck-color-base-border);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&.ck-on {
|
|
46
|
+
box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&:focus:not( .ck-disabled ),
|
|
50
|
+
&:hover:not( .ck-disabled ) {
|
|
51
|
+
box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/*
|
|
56
|
+
* In high contrast mode, the colors are replaced with text labels.
|
|
57
|
+
* See https://github.com/ckeditor/ckeditor5/issues/14907.
|
|
58
|
+
*/
|
|
59
|
+
@mixin ck-media-forced-colors {
|
|
60
|
+
width: unset;
|
|
61
|
+
height: unset;
|
|
62
|
+
min-width: unset;
|
|
63
|
+
min-height: unset;
|
|
64
|
+
padding: 0 var(--ck-spacing-small);
|
|
65
|
+
|
|
66
|
+
& .ck-button__label {
|
|
67
|
+
display: inline-block;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
30
70
|
|
|
31
71
|
@media (prefers-reduced-motion: reduce) {
|
|
32
72
|
transition: none;
|
|
@@ -37,34 +77,16 @@
|
|
|
37
77
|
transition: unset;
|
|
38
78
|
}
|
|
39
79
|
|
|
40
|
-
&.ck-color-selector__color-tile_bordered {
|
|
41
|
-
box-shadow: 0 0 0 1px var(--ck-color-base-border);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
80
|
& .ck.ck-icon {
|
|
45
81
|
display: none;
|
|
46
82
|
color: var(--ck-color-color-grid-check-icon);
|
|
47
83
|
}
|
|
48
84
|
|
|
49
85
|
&.ck-on {
|
|
50
|
-
box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
|
|
51
|
-
|
|
52
86
|
& .ck.ck-icon {
|
|
53
87
|
display: block;
|
|
54
88
|
}
|
|
55
89
|
}
|
|
56
|
-
|
|
57
|
-
&.ck-on,
|
|
58
|
-
&:focus:not( .ck-disabled ),
|
|
59
|
-
&:hover:not( .ck-disabled ) {
|
|
60
|
-
/* Disable the default .ck-button's border ring. */
|
|
61
|
-
border: 0;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&:focus:not( .ck-disabled ),
|
|
65
|
-
&:hover:not( .ck-disabled ) {
|
|
66
|
-
box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
|
|
67
|
-
}
|
|
68
90
|
}
|
|
69
91
|
|
|
70
92
|
.ck.ck-color-grid__label {
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
@import "../mixins/_focus.css";
|
|
7
7
|
@import "../mixins/_shadow.css";
|
|
8
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";
|
|
8
9
|
|
|
9
10
|
:root {
|
|
10
11
|
--ck-widget-outline-thickness: 3px;
|
|
@@ -47,8 +48,9 @@
|
|
|
47
48
|
&:focus {
|
|
48
49
|
@mixin ck-focus-ring;
|
|
49
50
|
@mixin ck-box-shadow var(--ck-inner-shadow);
|
|
50
|
-
|
|
51
|
-
|
|
51
|
+
@mixin ck-media-default-colors {
|
|
52
|
+
background-color: var(--ck-color-widget-editable-focus-background);
|
|
53
|
+
}
|
|
52
54
|
}
|
|
53
55
|
}
|
|
54
56
|
|