A comprehensive restyle of e621, made to be easier on the eyes while being compatible with the userscript "re621"~
Visit the Github repository for more info and previewssss ฅ^•ﻌ•^ฅ
Mirrored from https://github.com/mandorinn/eSix-Cafe/raw/main/release/eSixCafe.user.css
Authormandorinn
LicenseNo License
Created
Updated
Categorye621
Learn how we calculate statistics in the FAQ.
Total views
Total installs
Weekly installs
Weekly updates
A comprehensive restyle of e621, made to be easier on the eyes while being compatible with the userscript "re621"~
Visit the Github repository for more info and previewssss ฅ^•ﻌ•^ฅ
No longer requires the re621 userscript but it is heavily recommended, here's a link to the e621 forum post for itttt: https://e621.net/forum_topics/25872
Now supports any built in e6 theme you desire!
(and yes, by "any", I mean any. Even the base site's color schemessss~)
If you see any bugs such as something looking weird, or something being unstyled, please visit the Github repository to submit an issue~ UwU
/* ==UserStyle==
@name eSix Café
@namespace mandorinn
@version 1.7.0
@description A muted and easy on the eyes style for e621. Big credits to Faucet for the bug reports so far, thank you!
@author mandorinn [(www.mandorinn.dev)], faucet [(https://e621.net/users/601225)]
@preprocessor stylus
@var select themep "Theme Pack" {
"Muted": "muted",
"Classic": "classic"
}
@var select roundness "Profile picture shape" {
"Circle":"circle",
"Square":"square"
}
@var checkbox buttons "Comment Buttons" 1
@var checkbox borderRank "Name Rank Border Colors ⚠️" 1
==/UserStyle== */
/* Search 'Styling starts now' to skip to content */
@-moz-document domain("e621.net"), domain("e926.net") {
/* e621.net */
if roundness == square {
:root {
--avatar-border-radius: 2.5%;
}
.avatar .post-thumbnail {
background-color: var(--elements-highlight);
}
}
if roundness == circle {
:root {
--avatar-border-radius: 50%;
}
}
if themep == muted {
:root {
--thin-scrollbar: var(--true);
--main-page-background: url(https://static1.e621.net/data/09/f8/09f84e1224df7b3502456589dd75c0c3.jpg)!important;
--artist-credit: "Background by Tom Fischbach";
--main-font: Segoe UI, Arial;
--bg-300: #364758;
--bg-400: #2c3946;
--bg: #232e38;
--bg-visiting: rgba(200,200,200,1);
--bg-visiting-transition: 100ms;
--bg-editing-transition: 100ms;
--bg-visiting-hover:rgba(255,255,255,1);
--bg-editing: #a0d2d4;
--bg-editing-hover: #a6fffc;
--base-text: #c3ccd4;
--base-text-hover: #d3ddd3;
--base-text-faded: #c3ccd47a;
--base-link: #7bb1bd;
--base-link-hover: #a5eefe;
--header-link: #c3ccd4;
--header-link-hover: #d3ddd3;
--content-link:#BD7BA2;
--content-link-hover:#e493c3;
--header-link-transition: 100ms;
--header-link-editing-transition:100ms;
--header-link-visiting: #232e38;
--header-link-editing: #2c3946;
--header-link-editing-hover: #232e38;
--nav-hover-top-color:#c3ccd4;
--nav-hover-bottom-color: #c3ccd4;
--bg-image: #232e38;
--deleted-bg: #232323;
--deleted-text: #d2d2d2;
--blacklisted-bg: #6e4848;
--blacklisted-text: #d2d2d2;
/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
--actions-fav-true:#be7aa1;
--flagged: #6e4848;
--elements-highlight: #BD7BA2;
--mode-edit:#534738;
--mode-add-fav:#36583a;
--mode-remove-fav:#583636;
--mode-blacklist:#171c22;
--mode-download: #553658;
--mode-fullscreen: #365857;
--tag-cat-1:#7cb2bd;
--tag-cat-1-hover:#96d8e5;
--tag-cat-2:#bd987e;
--tag-cat-2-hover:#f2c3a2;
--tag-cat-3:#be7aa1;
--tag-cat-3-hover:#f79fd1;
--tag-cat-4:#7bbe92;
--tag-cat-4-hover:#99eab5;
--tag-cat-5:#c5c387;
--tag-cat-5-hover:#efeda4;
--tag-cat-6:#be7d7d;
--tag-cat-6-hover:#f6a2a2;
--tag-cat-7:#d8e1e9;
--tag-cat-7-hover:#eef7ff;
--tag-cat-8: #60a979;
--tag-cat-8-hover: #93efb3;
--user-member: var(--base-text);
--user-member-hover: var(--base-text-hover);
--user-privileged: #93c190;
--user-privileged-hover: #b0e7ad;
--user-contributor: #93c190;
--user-contributor: #b0e7ad;
--user-admin:#cc946d;
--user-admin-hover: #eeae82;
--user-moderator:#7dafd8;
--user-moderator-hover: #8fc8f7;
--user-former-staff: #6cd5aa;
--user-former-staff-hover: #7ff7c6;
--user-janitor: #7dafd8;
--user-janitor-hover: #8fc8f7;
--user-banned: #d46969;
--user-banned-hover: #ef7676;
--favorite-button: #538163;
--favorite-button-hover: #6dab83;
--remove-favorite: #936060;
--remove-favorite-hover: #bf7e7e;
--warn-button: #a07658;
--warn-button-hover: #e5aa80;
--button-color: #232e38;
--button-color-hover: #2c3946;
--button-text: #c3ccd4;
--button-text-hover: #c3ccd4;
--button-text-hover-secondary: #fff;
--true: thin;
scrollbar-width: var(--thin-scrollbar);
scrollbar-color: #3c3c3c #222;
}
body[data-th-main="pony"] {
--bg-300: #604a67;
--bg-400: #55425a;
--bg: #4b3a50;
--bg-visiting: #ffe4e9;
--bg-visiting-hover:#f6eaec;
--bg-editing: #d4a0ab;
--bg-editing-hover: #ffa6c2;
--base-text: #d4c3cc;
--base-text-hover: #d3ddd3;
--base-text-faded: #d4c3cc7a;
--base-link: #b485cd;
--base-link-hover: #e9a5fe;
--header-link: #d4c3cb;
--header-link-hover: #d3ddd3;
--content-link:#7bbda5;
--content-link-hover:#8dd9bd;
--header-link-visiting: #38232b;
--header-link-editing: #462c34;
--header-link-editing-hover: #38232b;
--nav-hover-top-color:#d4c3cd;
--nav-hover-bottom-color: #d4c3cb;
--bg-image: #38232e;
--deleted-bg: #232323;
--deleted-text: #d2d2d2;
--blacklisted-bg: #6e4848;
--blacklisted-text: #d2d2d2;
/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
--actions-fav-true:#a87abe;
--flagged: #6e4854;
--elements-highlight: #7bbda5;
--mode-edit:#534738;
--mode-add-fav:#36583a;
--mode-remove-fav:#583636;
--mode-blacklist:#171c22;
--mode-download: #553658;
--mode-fullscreen: #365857;
--tag-cat-1:#c590b6;
--tag-cat-1-hover:#e6a8cf;
--tag-cat-2:#bd987e;
--tag-cat-2-hover:#f2c3a2;
--tag-cat-3:#7abebe;
--tag-cat-3-hover:#9ff7ee;
--tag-cat-4:#7bbe92;
--tag-cat-4-hover:#99eab5;
--tag-cat-5:#c5c387;
--tag-cat-5-hover:#efeda4;
--tag-cat-6:#be7d7d;
--tag-cat-6-hover:#f6a2a2;
--tag-cat-7:#d8e1e9;
--tag-cat-7-hover:#eef7ff;
--tag-cat-8: #60a979;
--tag-cat-8-hover: #93efb3;
--user-member: var(--base-text);
--user-member-hover: var(--base-text-hover);
--user-privileged: #93c190;
--user-privileged-hover: #b0e7ad;
--user-contributor: #93c190;
--user-contributor: #b0e7ad;
--user-admin:#cc946d;
--user-admin-hover: #eeae82;
--user-moderator:#7dafd8;
--user-moderator-hover: #8fc8f7;
--user-former-staff: #6cd5aa;
--user-former-staff-hover: #7ff7c6;
--user-janitor: #7dafd8;
--user-janitor-hover: #8fc8f7;
--user-banned: #d46969;
--user-banned-hover: #ef7676;
--favorite-button: #538163;
--favorite-button-hover: #6dab83;
--remove-favorite: #936060;
--remove-favorite-hover: #bf7e7e;
--warn-button: #a07658;
--warn-button-hover: #e5aa80;
--button-color: #232e38;
--button-color-hover: #2c3946;
--button-text: #c3ccd4;
--button-text-hover: #c3ccd4;
--button-text-hover-secondary: #fff;
}
body[data-th-main="bloodlust"] {
--bg-300: #36393e;
--bg-400: #282b30;
--bg: #1e2124;
--bg-visiting: #f3f3f3;
--bg-visiting-hover:#f0f0f0;
--bg-editing: #be4343;
--bg-editing-hover: #c62929;
--base-text: #e1e1e1;
--base-text-hover: #e3e3e3;
--base-text-faded: #e1e1e17a;
--base-link: #c39cc5;
--base-link-hover: #ffc9fe;
--header-link: #dedede;
--header-link-hover: #e3e3e3;
--content-link:#bd7b7b;
--content-link-hover:#e49393;
--header-link-visiting: #382323;
--header-link-editing: #462c2c;
--header-link-editing-hover: #382323;
--nav-hover-top-color:#d1d1d1;
--nav-hover-bottom-color: #d1d1d1;
--bg-image: #2f2f2f;
--deleted-bg: #232323;
--deleted-text: #d2d2d2;
--blacklisted-bg: #6e4848;
--blacklisted-text: #d2d2d2;
/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
--actions-fav-true:#b4be7a;
--flagged: #6e4848;
--elements-highlight: #ff79c6;
--mode-edit:#534738;
--mode-add-fav:#36583a;
--mode-remove-fav:#583636;
--mode-blacklist:#000;
--mode-download: #553658;
--mode-fullscreen: #365857;
--tag-cat-1:#c17777;
--tag-cat-1-hover:#d79090;
--tag-cat-2:#be7f53;
--tag-cat-2-hover:#f8a66d;
--tag-cat-3:#51c2c2;
--tag-cat-3-hover:#6ffbec;
--tag-cat-4:#50be76;
--tag-cat-4-hover:#60f593;
--tag-cat-5:#c9c659;
--tag-cat-5-hover:#f5f26b;
--tag-cat-6:#bb5d9e;
--tag-cat-6-hover:#f657c3;
--tag-cat-7:#dee1e4;
--tag-cat-7-hover:#eef4f8;
--tag-cat-8: #60a979;
--tag-cat-8-hover: #93efb3;
--user-member: var(--base-text);
--user-member-hover: var(--base-text-hover);
--user-privileged: #93c190;
--user-privileged-hover: #b0e7ad;
--user-contributor: #93c190;
--user-contributor-hover: #b0e7ad;
--user-admin:#cc946d;
--user-admin-hover: #eeae82;
--user-moderator:#7dafd8;
--user-moderator-hover: #8fc8f7;
--user-former-staff: #6cd5aa;
--user-former-staff-hover: #7ff7c6;
--user-janitor: #7dafd8;
--user-janitor-hover: #8fc8f7;
--user-banned: #d46969;
--user-banned-hover: #ef7676;
--favorite-button: #47895f;
--favorite-button-hover: #71d594;
--remove-favorite: #a95454;
--remove-favorite-hover: #e07373;
--warn-button: #a07658;
--warn-button-hover: #e5aa80;
--button-color: #232e38;
--button-color-hover: #2c3946;
--button-text: #c3ccd4;
--button-text-hover: #c3ccd4;
--button-text-hover-secondary: #fff;
}
body[data-th-main="serpent"] {
--bg-300: #3e5341;
--bg-400: #354535;
--bg: #2f382e;
--bg-visiting: #dadada;
--bg-visiting-hover: #fff;
--bg-editing: #a0d2d4;
--bg-editing-hover: #a6fffc;
--base-text: #c3d4c6;
--base-text-hover: #d3ddd3;
--base-text-faded: #c3ccd47a;
--base-link: #bdbd7b;
--base-link-hover: #fafea5;
--header-link: #c3ccd4;
--header-link-hover: #d3ddd3;
--content-link:#dcdc8f;
--content-link-hover:#fafea5;
--header-link-visiting: #232e38;
--header-link-editing: #2c3946;
--header-link-editing-hover: #232e38;
--nav-hover-top-color:#c3ccd4;
--nav-hover-bottom-color: #c3ccd4;
--bg-image: #273823;
--deleted-bg: #232323;
--deleted-text: #d2d2d2;
--blacklisted-bg: #6e4848;
--blacklisted-text: #d2d2d2;
/*--bg-image: linear-gradient(to right top, #6d327c, #485DA6, #00a1ba, #00BF98, #36C486);*/
--actions-fav-true:#be7a7a;
--flagged: #6e4848;
--elements-highlight: #bdab7b;
--mode-edit:#534738;
--mode-add-fav:#36583a;
--mode-remove-fav:#583636;
--mode-blacklist:#171c22;
--mode-download: #553658;
--mode-fullscreen: #365857;
--tag-cat-1:#7cbdab;
--tag-cat-1-hover:#96e5cc;
--tag-cat-2:#bd987e;
--tag-cat-2-hover:#f2c3a2;
--tag-cat-3:#be7aa1;
--tag-cat-3-hover:#f79fd1;
--tag-cat-4:#7bbe92;
--tag-cat-4-hover:#99eab5;
...