Skip to content

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

A new userstyle

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...

Reviews

No reviews yet.