tqt
/
Ghost-Admin
mirror of https://github.com/TryGhost/Ghost-Admin.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Updated secondary colors and gradients

This commit is contained in:
Sanne de Vries 2021-02-19 13:51:30 +01:00
parent acc1e8f644
commit f9b1fac77f
16 changed files with 39 additions and 156 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/gh-posts-list-item.hbs
View File

@ -60,7 +60,7 @@
{{/if}}
{{#if @post.isDraft}}
<span class="gh-content-status-draft gh-badge gh-badge-purple nowrap">
<span class="gh-content-status-draft gh-badge gh-badge-pink nowrap">
Draft
</span>
{{/if}}

6
app/styles/components/badges.css
View File

@ -27,9 +27,9 @@
background: color-mod(var(--red) a(20%));
}
.gh-badge-purple {
color: var(--purple);
background: color-mod(var(--purple) a(20%));
.gh-badge-pink {
color: var(--pink);
background: color-mod(var(--pink) a(20%));
}
.gh-badge-black {

6
app/styles/layouts/members.css
View File

@ -631,11 +631,11 @@ textarea.gh-member-details-textarea {
.gh-member-cancels-on-label {
display: inline-block;
background: color-mod(var(--purple) a(10%));
background: color-mod(var(--pink) a(10%));
border-radius: 4px;
padding: 0px 5px;
margin: -2px 0 -2px -5px;
color: var(--purple);
color: var(--pink);
font-size: 1.3rem;
font-weight: 400;
}
@ -1150,7 +1150,7 @@ p.gh-members-import-errordetail:first-of-type {
}
.gh-member-import-icon-confetti {
color: var(--purple);
color: var(--pink);
margin-left: 12px;
}

132
app/styles/layouts/settings.css
View File

@ -77,19 +77,19 @@
}
.gh-settings-main-grid .gh-setting-group span.color-1 {
background: var(--yellow);
background: var(--lgr-yellow);
}
.gh-settings-main-grid .gh-setting-group span.color-2 {
background: var(--green);
background: var(--lgr-green);
}
.gh-settings-main-grid .gh-setting-group span.color-3 {
background: var(--blue);
background: var(--lgr-blue);
}
.gh-settings-main-grid .gh-setting-group span.color-4 {
background: var(--purple);
background: var(--lgr-pink);
}
.gh-settings-main-grid .gh-setting-group:hover span {
@ -515,130 +515,6 @@
}
}
/* General
/* ---------------------------------------------------------- */
.gh-seo-settings {
display: flex;
}
@media (max-width: 1360px) {
.gh-seo-settings {
flex-direction: column;
}
.gh-seo-settings .form-group {
max-width: 100%;
}
.gh-seo-settings-left,
.gh-seo-container {
max-width: 591px;
}
}
@media (min-width: 1360px) {
.gh-seo-settings-left {
margin-right: 2.4rem;
}
.gh-seo-container {
max-width: 1091px;
}
}
.gh-seo-container {
display: flex;
width: 100%;
margin-bottom: 2.4rem;
padding: 20px 30px 16px;
border: 1px solid var(--whitegrey);
font-family: Arial, sans-serif;
background: #fff;
}
.gh-seo-container svg {
width: 92px;
height: 30px;
margin-right: 32px;
}
.gh-twitter-settings {
display: flex;
}
@media (max-width: 1360px) {
.gh-twitter-settings {
flex-direction: column;
}
.gh-twitter-settings .form-group {
max-width: 100%;
}
.gh-twitter-settings-left {
max-width: 591px;
}
}
@media (min-width: 1360px) {
.gh-twitter-settings-left {
margin-right: 2.4rem;
}
}
.gh-twitter-container {
width: 591px;
margin-bottom: 2.4rem;
border: 1px solid #ebeef0;
background: #fff;
}
@media (max-width: 1080px) {
.gh-twitter-container {
width: 100%;
max-width: 591px;
}
}
.gh-og-settings {
display: flex;
}
@media (max-width: 1360px) {
.gh-og-settings {
flex-direction: column;
}
.gh-og-settings .form-group {
max-width: 100%;
}
.gh-og-settings-left {
max-width: 591px;
}
}
@media (min-width: 1360px) {
.gh-og-settings-left {
margin-right: 2rem;
}
}
.gh-og-container {
width: 476px;
margin-bottom: 2.4rem;
border: 1px solid #e5e5e5;
background: #fff;
border-radius: 3px;
}
@media (max-width: 1080px) {
.gh-og-container {
width: 100%;
max-width: 476px;
}
}
/* Navigation
/* ---------------------------------------------------------- */

4
app/styles/layouts/users.css
View File

@ -110,9 +110,9 @@
}
.gh-badge.administrator {
background: color-mod(var(--purple) a(15%));
background: color-mod(var(--pink) a(15%));
text-transform: uppercase;
color: var(--purple-d2);
color: var(--pink-d2);
}
.gh-badge.editor {

4
app/styles/layouts/whats-new.css
View File

@ -14,8 +14,8 @@
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background: var(--purple);
background: linear-gradient(135deg, color-mod(var(--purple) h(-10) s(+5%) l(-10%)) 0%, rgba(173,38,180,1) 100%);
background: var(--pink);
background: linear-gradient(135deg, color-mod(var(--pink) h(-10) s(+5%) l(-10%)) 0%, rgba(173,38,180,1) 100%);
}
.gh-wn-header .background-img {

19
app/styles/patterns/global.css
View File

@ -12,12 +12,19 @@
--lime: #B5FF18;
/* Secondary colours */
--blue: #23AAF4;
--green: #45C32E;
--purple: #F71D81;
--yellow: #FFC701;
--red: #f05230;
--pink: #fa3a57;
--blue: #14b8ff;
--green: #30cf43;
--purple: #8e42ff;
--yellow: #ffb41f;
--red: #ff344a;
--pink: #fb2d8d;
/* Gradients */
--lgr-blue: linear-gradient(135deg,#14b8ff 40%,#0083f5);
--lgr-pink: linear-gradient(135deg,#fb2d8d 40%,#ff1453);
--lgr-green: linear-gradient(135deg,#30cf43 40%,#00c687);
--lgr-yellow: linear-gradient(135deg,#ffb41f 40%,#ff8c00);
--lrg-black: linear-gradient(135deg,#4e6b77 40%,#0f2230);
/* Greys */
--blackgrey: #15171A;

2
lib/koenig-editor/public/icons/koenig/kg-card-type-bookmark.svg
View File

@ -13,7 +13,7 @@
<g transform="translate(-200 -135)">
<use fill="#000" filter="url(#a)" xlink:href="#b"/>
</g>
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#F71D81"/>
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#fb2d8d"/>
<path stroke-opacity=".012" stroke="#000" stroke-width="0" d="M11 0h24v24H11z"/>
<g transform="translate(13)">
<mask id="d" fill="#fff">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

2
lib/koenig-editor/public/icons/koenig/kg-card-type-divider.svg
View File

@ -1,6 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<rect fill="#45C32E" width="32" height="32" rx="2.5"/>
<rect fill="#30cf43" width="32" height="32" rx="2.5"/>
<rect fill="#FFF" x="3" y="15" width="26" height="2" rx="1"/>
<rect fill="#FFF" x="3" y="3" width="26" height="7" rx="1.5"/>
<rect fill="#FFF" x="3" y="22" width="26" height="7" rx="1.5"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 416 B

After

Width:  |  Height:  |  Size: 416 B

2
lib/koenig-editor/public/icons/koenig/kg-card-type-email.svg
View File

@ -1,6 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill-rule="nonzero" fill="none">
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#23AAF4"/>
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#14b8ff"/>
<path d="M23.312 9.5H8.687c-1.233 0-2 .767-2 2v9c0 1.233.767 2 2 2h14.625c1.234 0 2-.767 2-2v-9c0-1.233-.766-2-2-2zM8.56 11.25h14.882c.1.004.118.022.121.122v9.256c-.004.116-.029.122-.178.122H8.56c-.1-.004-.118-.022-.121-.122v-9.256c.003-.1.022-.118.121-.122z" fill="#FFF"/>
<path d="M18.123 13.887c.3-.325.79-.37 1.144-.123l.092.075 2.86 2.643c.355.329.377.882.049 1.237-.301.325-.791.37-1.144.123l-.093-.074-2.86-2.644c-.355-.328-.376-.882-.048-1.237zM12.64 13.839c.356-.328.91-.307 1.237.048.301.326.308.818.033 1.15l-.081.087-2.86 2.644c-.355.328-.908.306-1.237-.049-.3-.325-.307-.818-.033-1.15l.082-.087 2.86-2.643z" fill="#FFF"/>
<path d="M23.663 10.04c.398-.274.943-.174 1.217.224.252.364.189.853-.13 1.143l-.093.074-7.135 4.92c-.925.638-1.935.676-2.87.112l-.174-.112-7.135-4.92c-.398-.275-.498-.82-.223-1.217.251-.365.73-.48 1.114-.285l.103.061 7.135 4.92c.346.24.613.263.944.072l.113-.072 7.134-4.92z" fill="#FFF"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

4
lib/koenig-editor/public/icons/koenig/kg-card-type-gallery.svg
View File

@ -1,8 +1,8 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path fill="#FFF" fill-rule="nonzero" d="M1 2h25v24H1z"/>
<path d="M27.333 24.667v-22C27.333.889 26.444 0 24.667 0h-22C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v22c0 1.777.889 2.666 2.667 2.666h22c1.777 0 2.666-.889 2.666-2.666z" fill="#FFC701"/>
<path d="M27.333 24.667v-22C27.333.889 26.444 0 24.667 0h-22C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v22c0 1.777.889 2.666 2.667 2.666h22c1.777 0 2.666-.889 2.666-2.666z" fill="#ffb41f"/>
<path d="M19.113 12.933c-.126-.603-.497-.911-1.112-.925-.616-.014-1 .277-1.154.873l-2.123 4.667c-.051.112-.137.176-.26.192-.121.017-.221-.023-.3-.117l-1.467-1.752c-.34-.462-.796-.67-1.368-.625-.571.044-.99.32-1.254.829L6.76 21.6c-.133.222-.136.446-.008.671.128.226.321.338.58.338H22c.236 0 .42-.097.552-.293.132-.195.154-.402.067-.621l-3.506-8.762zM10.667 8c0 1.778-.89 2.667-2.667 2.667-1.778 0-2.667-.89-2.667-2.667 0-1.778.89-2.667 2.667-2.667 1.778 0 2.667.89 2.667 2.667z" fill="#FFF"/>
<path d="M30.667 8c-.369 0-.683.13-.943.39-.26.26-.39.575-.39.943v19.334c0 .444-.223.666-.667.666H9.333c-.889 0-1.333.445-1.333 1.334S8.444 32 9.333 32h20C31.111 32 32 31.111 32 29.333v-20C32 8.444 31.556 8 30.667 8z" fill="#FFC701"/>
<path d="M30.667 8c-.369 0-.683.13-.943.39-.26.26-.39.575-.39.943v19.334c0 .444-.223.666-.667.666H9.333c-.889 0-1.333.445-1.333 1.334S8.444 32 9.333 32h20C31.111 32 32 31.111 32 29.333v-20C32 8.444 31.556 8 30.667 8z" fill="#ffb41f"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

4
lib/koenig-editor/public/icons/koenig/kg-card-type-html.svg
View File

@ -1,7 +1,7 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path fill="#FFF" d="M2 4h28v24H2z"/>
<path d="M32 6c0-2.667-1.333-4-4-4H4c-1.105 0-2.047.39-2.828 1.172C.39 3.952 0 4.895 0 6v20c0 2.667 1.333 4 4 4h24c2.667 0 4-1.333 4-4V6zM4 6.667c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C4.444 8 4 7.556 4 6.667zm4 0c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C8.444 8 8 7.556 8 6.667zm4 0c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C12.444 8 12 7.556 12 6.667zM29.333 26c0 .889-.444 1.333-1.333 1.333H4c-.889 0-1.333-.444-1.333-1.333V12c0-.184.065-.341.195-.471.13-.13.287-.196.471-.196h25.334c.444 0 .666.223.666.667v14z" fill="#23AAF4"/>
<path d="M10.333 16c0 .667.334 1 1 1 .223 0 .334.111.334.333v5.334c0 .666.333 1 1 1 .666 0 1-.334 1-1v-5.334c0-.092.032-.17.097-.235.065-.065.144-.098.236-.098.667 0 1-.333 1-1s-.333-1-1-1h-2.667c-.276 0-.512.098-.707.293-.195.195-.293.43-.293.707zM5.333 23.667c.667 0 1-.334 1-1v-1.334c0-.128.056-.224.167-.288.111-.064.222-.064.333 0 .111.064.167.16.167.288v1.334c0 .666.333 1 1 1s1-.334 1-1V16c0-.385-.167-.674-.5-.866-.333-.192-.667-.192-1 0-.333.192-.5.481-.5.866v2.667c0 .222-.111.333-.333.333-.223 0-.334-.111-.334-.333V16c0-.385-.166-.674-.5-.866-.333-.192-.666-.192-1 0-.333.192-.5.481-.5.866v6.667c0 .666.334 1 1 1zM23.667 21.333c.001 1.554.78 2.332 2.333 2.334h1.333c.667 0 1-.334 1-1 0-.667-.333-1-1-1H26c-.222 0-.333-.111-.333-.334V16c0-.385-.167-.674-.5-.866-.334-.192-.667-.192-1 0-.334.192-.5.481-.5.866v5.333zM17.333 23.667c.667 0 1-.334 1-1v-2.78c0-.039.02-.063.056-.073.037-.01.066 0 .086.034.207.301.493.452.858.452.366 0 .652-.15.859-.452.02-.033.048-.045.085-.034.038.01.056.034.056.073v2.78c0 .666.334 1 1 1 .667 0 1-.334 1-1V16c-.001-.506-.246-.827-.734-.962s-.863.014-1.124.447l-.856 1.428c-.065.108-.16.161-.286.161-.125 0-.22-.053-.285-.16l-.856-1.429c-.262-.433-.636-.582-1.125-.447-.488.135-.732.456-.734.962v6.667c0 .666.334 1 1 1z" fill="#23AAF4"/>
<path d="M32 6c0-2.667-1.333-4-4-4H4c-1.105 0-2.047.39-2.828 1.172C.39 3.952 0 4.895 0 6v20c0 2.667 1.333 4 4 4h24c2.667 0 4-1.333 4-4V6zM4 6.667c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C4.444 8 4 7.556 4 6.667zm4 0c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C8.444 8 8 7.556 8 6.667zm4 0c0-.594.274-1.005.823-1.232.549-.227 1.033-.131 1.453.289.42.42.516.904.29 1.453-.228.549-.639.823-1.233.823C12.444 8 12 7.556 12 6.667zM29.333 26c0 .889-.444 1.333-1.333 1.333H4c-.889 0-1.333-.444-1.333-1.333V12c0-.184.065-.341.195-.471.13-.13.287-.196.471-.196h25.334c.444 0 .666.223.666.667v14z" fill="#14b8ff"/>
<path d="M10.333 16c0 .667.334 1 1 1 .223 0 .334.111.334.333v5.334c0 .666.333 1 1 1 .666 0 1-.334 1-1v-5.334c0-.092.032-.17.097-.235.065-.065.144-.098.236-.098.667 0 1-.333 1-1s-.333-1-1-1h-2.667c-.276 0-.512.098-.707.293-.195.195-.293.43-.293.707zM5.333 23.667c.667 0 1-.334 1-1v-1.334c0-.128.056-.224.167-.288.111-.064.222-.064.333 0 .111.064.167.16.167.288v1.334c0 .666.333 1 1 1s1-.334 1-1V16c0-.385-.167-.674-.5-.866-.333-.192-.667-.192-1 0-.333.192-.5.481-.5.866v2.667c0 .222-.111.333-.333.333-.223 0-.334-.111-.334-.333V16c0-.385-.166-.674-.5-.866-.333-.192-.666-.192-1 0-.333.192-.5.481-.5.866v6.667c0 .666.334 1 1 1zM23.667 21.333c.001 1.554.78 2.332 2.333 2.334h1.333c.667 0 1-.334 1-1 0-.667-.333-1-1-1H26c-.222 0-.333-.111-.333-.334V16c0-.385-.167-.674-.5-.866-.334-.192-.667-.192-1 0-.334.192-.5.481-.5.866v5.333zM17.333 23.667c.667 0 1-.334 1-1v-2.78c0-.039.02-.063.056-.073.037-.01.066 0 .086.034.207.301.493.452.858.452.366 0 .652-.15.859-.452.02-.033.048-.045.085-.034.038.01.056.034.056.073v2.78c0 .666.334 1 1 1 .667 0 1-.334 1-1V16c-.001-.506-.246-.827-.734-.962s-.863.014-1.124.447l-.856 1.428c-.065.108-.16.161-.286.161-.125 0-.22-.053-.285-.16l-.856-1.429c-.262-.433-.636-.582-1.125-.447-.488.135-.732.456-.734.962v6.667c0 .666.334 1 1 1z" fill="#14b8ff"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

2
lib/koenig-editor/public/icons/koenig/kg-card-type-image.svg
View File

@ -1,6 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#45C32E"/>
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#30cf43"/>
<path d="M23.778 12.111c0 3.111-1.556 4.667-4.667 4.667-3.111 0-4.667-1.556-4.667-4.667C14.444 9 16 7.444 19.111 7.444c3.111 0 4.667 1.556 4.667 4.667zM19.111 5.5c.778 0 1.167-.389 1.167-1.167v-.777c0-.45-.195-.786-.584-1.01-.388-.225-.777-.225-1.166 0-.39.224-.584.56-.584 1.01v.777c0 .778.39 1.167 1.167 1.167zM12.788 7.435c.55.552 1.1.554 1.653.004.552-.55.553-1.1.003-1.653l-.549-.55c-.55-.552-1.101-.554-1.653-.004-.553.55-.554 1.101-.005 1.654l.55.55zM10.556 13.278h.777c.778 0 1.167-.39 1.167-1.167 0-.778-.389-1.167-1.167-1.167h-.777c-.778 0-1.167.39-1.167 1.167 0 .778.389 1.167 1.167 1.167zM25.434 16.787c-.549-.512-1.089-.502-1.62.029-.53.53-.54 1.07-.028 1.62l.549.55c.55.55 1.1.55 1.65 0 .55-.55.55-1.1 0-1.65l-.55-.549zM25.722 12.111c0 .778.39 1.167 1.167 1.167h.778c.777 0 1.166-.39 1.166-1.167 0-.778-.389-1.167-1.166-1.167h-.778c-.322 0-.597.114-.825.342-.228.228-.342.503-.342.825zM24.61 7.779c.323 0 .598-.114.824-.344l.551-.549c.55-.55.55-1.1 0-1.65-.55-.55-1.1-.55-1.65 0l-.55.55c-.366.368-.45.792-.251 1.271.198.48.557.72 1.076.722zM21.911 22.356c-.771 0-1.522.12-2.254.364-.127.042-.21.126-.25.254-.039.127-.018.244.063.35 1.283 1.689 2.07 3.583 2.362 5.684.02.142.103.214.247.214h4.906c.836 0 1.492-.343 1.967-1.031-.737-3.89-3.084-5.835-7.042-5.835h.001zM9.644 19.968c-2.518-.004-4.758.783-6.72 2.362-.1.08-.149.183-.146.31v4.2c.004 1.588.8 2.382 2.388 2.382H19.83c.122 0 .222-.046.3-.14.077-.093.105-.2.082-.319-1.083-5.863-4.606-8.795-10.568-8.795z" fill="#FFF"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

2
lib/koenig-editor/public/icons/koenig/kg-card-type-markdown.svg
View File

@ -1,6 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#F71D81" fill-rule="nonzero"/>
<path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#fb2d8d" fill-rule="nonzero"/>
<path stroke="#FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 20v-8l4 4 4-4v8M22 12.07v7.916M19.5 17.5l2.48 2.525L24.5 17.5"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 525 B

After

Width:  |  Height:  |  Size: 525 B

2
lib/koenig-editor/public/icons/koenig/kg-card-type-other.svg
View File

@ -1,6 +1,6 @@
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<rect fill="#23AAF4" width="32" height="32" rx="2.5"/>
<rect fill="#fb2d8d" width="32" height="32" rx="2.5"/>
<path d="M12 16c0 1.333-.667 2-2 2s-2-.667-2-2 .667-2 2-2 2 .667 2 2zM18 16c0 1.333-.667 2-2 2s-2-.667-2-2 .667-2 2-2 2 .667 2 2zM24 16c0 1.333-.667 2-2 2s-2-.667-2-2 .667-2 2-2 2 .667 2 2z" fill="#FFF"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 416 B

After

Width:  |  Height:  |  Size: 416 B

2
lib/koenig-editor/public/icons/koenig/kg-card-type-paywall.svg
View File

@ -1,5 +1,5 @@
<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="2" fill="#FFC701"/>
<rect width="32" height="32" rx="2" fill="#ffb41f"/>
<g stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21.727 13H10.273C9.57 13 9 13.597 9 14.333v9.334C9 24.403 9.57 25 10.273 25h11.454C22.43 25 23 24.403 23 23.667v-9.334c0-.736-.57-1.333-1.273-1.333zM11.545 13V9.667c0-1.238.47-2.425 1.305-3.3A4.354 4.354 0 0116 5c1.181 0 2.314.492 3.15 1.367a4.782 4.782 0 011.305 3.3V13M16 17.667v2.666"/>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 532 B

After

Width:  |  Height:  |  Size: 532 B