A new userstyle
ellipsus pink and green by ratahh
Details
Authorratahh
LicenseNo License
Categoryhttps://write.ellipsus.com/
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. /* ==UserStyle==
@name write.ellipsus.com/edit/7ad43f8f-abe6-4656-8769-457bcbf23bab/draft/e34c53bf-02bd-4e8b-b317-a763f86c142a
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("write.ellipsus.com") {
.styles_pageWrapper___0VcA .ProseMirror {
outline: fuchsia;
}
.styles_editorContent__fvqWC .ProseMirror, .styles_page__2rJ13:not(.styles_hasEditor__z7R82) {
padding-bottom: 50dvh;
}
.styles_page__2rJ13 .ProseMirror {
font-feature-settings: unset;
font-variant-ligatures: unset;
outline: none;
}
.ProseMirror {
position: relative;
}
[contenteditable], [contenteditable] *, input {
-webkit-user-select: text;
}
*, ::after, ::before {
box-sizing: border-box;
}
body, html {
color: #9af4ad;
font-family: Manrope,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
font-size: 16px;
text-rendering: geometricprecision;
}
html:not(.windows.edge) {
scrollbar-color: #8ee29f #00ff4c;
}
:root {
--str-chat__theme-version: 2;
}
:root {
--radius-xxs: 2px;
--radius-xs: 4px;
--radius-s: 8px;
--radius-m: 12px;
--radius-l: 16px;
--radius-xl: 24px;
--radius-jumbo-xl: 80px;
--spacing-xxs: 0.125rem;
--spacing-xs: 0.25rem;
--spacing-s: 0.5rem;
--spacing-m: 0.75rem;
--spacing-l: 1rem;
--spacing-xl: 1.5rem;
--spacing-xxl: 2rem;
--spacing-jumbo: 2.5rem;
--spacing-jumbo-m: 3.5rem;
--spacing-jumbo-l: 4rem;
--spacing-jumbo-xl: 5rem;
--spacing-negative-xxs: -0.125rem;
--spacing-negative-xs: -0.25rem;
--spacing-negative-s: -0.5rem;
--spacing-negative-m: -0.75rem;
--spacing-negative-l: -1rem;
--spacing-negative-xl: -1.5rem;
--spacing-negative-xxl: -2rem;
--spacing-negative-jumbo: -2.5rem;
--spacing-negative-jumbo-m: -3.5rem;
--spacing-negative-jumbo-l: -4rem;
--spacing-negative-jumbo-xl: -5rem;
}
[data-theme="dark"] {
--shadow-xs: 0px 0px 12px 0px #0006;
--shadow-s: 0px 0px 16px 0px #0006;
--shadow-m: 0px 0px 16px 0px #0006;
--shadow-l: 0px 0px 24px 0px #0006;
--shadow-xl: 0px 0px 32px 0px #000000a3;
--shadow-xs-primary: 2px 2px 8px 0px #00000052;
--shadow-s-primary: 0px 0px 16px 0px #00000052;
--shadow-m-primary: 0px 4px 8px 0px #00000052,0px 0px 24px 0px #00000052;
--shadow-l-primary: 0px 8px 12px 0px #0000001f,0px 0px 30px 0px #00000052;
--shadow-xl-primary: 0px 0px 40px 0px #00000052,0px 8px 16px 0px #0000001f;
}
:root {
--shadow-xs: 0 0 8px #00000014;
--shadow-s: 0 0 12px #00000014;
--shadow-m: 0 2px 14px #0000000d,0 2px 8px #0000000d;
--shadow-l: 0 0 48px #0000000d,0 6px 16px #0000000d;
--shadow-xl: 0px -26px 30px 0px #00000003,0px 26px 11px 0px #00000003,0px -15px 40px 0px #0000000d,0px 15px 9px 0px #0000000d,0px -7px 24px 0px #0000000d,0px 7px 7px 0px #00000017,0px -2px 4px 0px #0000001a,0px 2px 4px 0px #0000001a;
--shadow-xs-primary: 2px 2px 8px 0px #ecece9bf;
--shadow-s-primary: 0px 0px 16px 0px #ecece9bf;
--shadow-m-primary: 0px 4px 8px 0px #8f8f8929,0px 0px 24px 0px #8f8f8929;
--shadow-l-primary: 0px 8px 8px 0px #8f8f8929,0px 0px 30px 0px #8f8f8929;
--shadow-xl-primary: 0px -26px 30px 0px #8f8f8908,0px 26px 11px 0px #8f8f8908,0px -15px 40px 0px #8f8f8912,0px 15px 9px 0px #8f8f8912,0px -7px 24px 0px #8f8f8912,0px 7px 7px 0px #8f8f891c,0px -2px 4px 0px #8f8f891f,0px 2px 4px 0px #8f8f891f;
}
[data-theme="dark"] {
--button-primary-surface: #365931;
--button-primary-surface-hover: #ff00e3ab;
--button-primary-surface-pressed: #670044;
--button-primary-surface-disabled: #292a2e;
--button-primary-content: #ff00d7;
--button-primary-content-hover: #0c0d0d;
--button-primary-content-pressed: #1d1e20;
--button-primary-content-disabled: #d6d6cf;
--button-surface: #000;
--button-surface-hover: #55565e;
--button-surface-pressed: #1d1e20;
--button-surface-disabled: #0c0d0d;
--button-border: #fff;
--button-border-hover: #fff;
--button-border-pressed: #a9abb2;
--button-border-disabled: #55565e;
--button-content: #fff;
--button-content-hover: #fff;
--button-content-pressed: #fff;
--button-content-disabled: #55565e;
--button-surface-inverted: #fff;
--button-surface-hover-inverted: #ecece9;
--button-surface-pressed-inverted: #e3e3de;
--button-surface-disabled-inverted: #fff;
--button-border-inverted: #282825;
--button-border-hover-inverted: #282825;
--button-border-pressed-inverted: #3a3a36;
--button-border-disabled-inverted: #8f8f89;
--button-content-inverted: #282825;
--button-content-hover-inverted: #282825;
--button-content-pressed-inverted: #282825;
--button-content-disabled-inverted: #8f8f89;
}
:root {
--button-primary-surface: #0c0d0d;
--button-primary-surface-hover: #55565e;
--button-primary-surface-pressed: #0c0d0d;
--button-primary-surface-disabled: #e3e3de;
--button-primary-content: #fff;
--button-primary-content-hover: #fff;
--button-primary-content-pressed: #c9cacf;
--button-primary-content-disabled: #8f8f89;
--button-surface: #fff;
--button-surface-hover: #ecece9;
--button-surface-pressed: #e3e3de;
--button-surface-disabled: #fff;
--button-border: #282825;
--button-border-hover: #282825;
--button-border-pressed: #3a3a36;
--button-border-disabled: #8f8f89;
--button-content: #282825;
--button-content-hover: #282825;
--button-content-pressed: #282825;
--button-content-disabled: #8f8f89;
--button-surface-inverted: #0c0d0d;
--button-surface-hover-inverted: #55565e;
--button-surface-pressed-inverted: #1d1e20;
--button-surface-disabled-inverted: #0c0d0d;
--button-border-inverted: #fff;
--button-border-hover-inverted: #fff;
--button-border-pressed-inverted: #a9abb2;
--button-border-disabled-inverted: #55565e;
--button-content-inverted: #fff;
--button-content-hover-inverted: #fff;
--button-content-pressed-inverted: #fff;
--button-content-disabled-inverted: #55565e;
--button-surface-error: var(--color-surface-error);
--button-surface-error-hover: var(--color-surface-error);
--button-surface-error-pressed: var(--color-surface-error);
--button-border-error: var(--color-border-error);
--button-border-error-hover: var(--color-border-error);
--button-border-error-pressed: var(--color-border-error);
--button-content-error: var(--color-content-error);
--button-content-error-hover: var(--color-content-error);
--button-content-error-pressed: var(--color-content-error);
--button-surface-success: var(--color-surface-success);
--button-surface-success-hover: var(--color-surface-success);
--button-surface-success-pressed: var(--color-surface-success);
--button-border-success: var(--color-border-success);
--button-border-success-hover: var(--color-border-success);
--button-border-success-pressed: var(--color-border-success);
--button-content-success: var(--color-content-success);
--button-content-success-hover: var(--color-content-success);
--button-content-success-pressed: var(--color-content-success);
}
[data-theme="dark"] {
--color-surface-neutral: #172d16;
--color-surface-light: #8f1493;
--color-surface-primary: #365931;
--color-surface-dim: #17181b;
--color-surface-inverted: #f4f4f2;
--color-surface-error: #421410;
--color-surface-success: #153020;
--color-surface-idle: #163055;
--color-surface-warning: #44350d;
--color-border-primary: #f4f4f2;
--color-border-secondary: #a9abb2;
--color-border-tertiary: #55565e;
--color-border-disabled: #55565e;
--color-border-error: #fe574c;
--color-border-success: #057b40;
--color-content-primary: #f8f8f7;
--color-content-secondary: #c9cacf;
--color-content-tertiary: #55565e;
--color-content-disabled: #a9abb2;
--color-content-inverted: #0c0d0d;
--color-content-error: #fe574c;
--color-content-success: #89edbb;
--color-content-idle: #67b6ff;
--color-content-warning: #ffd27d;
--color-brand-blue: #6ab8ff;
--color-brand-blue-inverted: #2173be;
--color-brand-orange: #ffad5c;
--color-brand-orange-inverted: #f09236;
--color-brand-purple: #dc78ff;
--color-brand-purple-inverted: #c455eb;
--color-brand-coral: #fe6862;
--color-brand-coral-inverted: #eb5b55;
--color-brand-green: #56c87c;
--color-brand-green-inverted: #529a6a;
--color-highlight-neutral-idle: #64645e;
--color-highlight-neutral-active: #8f8f89;
--color-highlight-blue-idle: #1f4477;
--color-highlight-blue-active: #4079cb;
--color-highlight-purple-idle: #582d6a;
--color-highlight-purple-active: #953cb5;
--color-highlight-green-idle: #2b533a;
--color-highlight-green-active: #3a8854;
--color-highlight-orange-idle: #724925;
--color-highlight-orange-active: #c6752b;
--color-highlight-coral-idle: #753838;
--color-highlight-coral-active: #cd5251;
}
:root {
--color-surface-neutral: #fff;
--color-surface-light: #f8f8f7;
--color-surface-primary: #f4f4f2;
--color-surface-dim: #ecece9;
--color-surface-inverted: #0c0d0d;
--color-surface-error: #f6ebea;
--color-surface-success: #e6f2ec;
--color-surface-idle: #e1edfe;
--color-surface-warning: #fef4e1;
--color-border-primary: #282825;
--color-border-secondary: #64645e;
--color-border-tertiary: #d6d6cf;
--color-border-disabled: #c5c5ba;
--color-border-error: #b81a14;
--color-border-success: #057b40;
--color-content-primary: #282825;
--color-content-secondary: #64645e;
--color-content-tertiary: #d6d6cf;
--color-content-disabled: #8f8f89;
--color-content-inverted: #f8f8f7;
--color-content-error: #b81a14;
--color-content-success: #057b40;
--color-content-idle: #204579;
--color-content-warning: #5e4812;
--color-content-dark: #0d0d0b;
--color-content-light: #fff;
--color-brand-purple: #c455eb;
--color-brand-purple-inverted: #6ab8ff;
--color-brand-blue: #2173be;
--color-brand-blue-inverted: #6ab8ff;
--color-brand-coral: #eb5b55;
--color-brand-coral-inverted: #6ab8ff;
--color-brand-orange: #f09236;
--color-brand-orange-inverted: #6a...