A sleek, 'Dark Mode' userstyle which completely reworks the DataAnnotation site for usability.
Please consider donating @ https://ko-fi.com/a_pack_of_jackals
DataAnnotation Revamped by JACKAL
Details
AuthorJACKAL
LicenseGNU GPLv3
Categoryapp.dataannotation.tech
Created
Updated
Size52 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
1.2 features near-total coverage of the Data Annotation website, styling almost all pages & project types, as well as some much-needed polish -
Styling for user 'Inbox, Profile' pages and various bug-fixes will be coming soon in version 1.3!
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name DataAnnotation Revamped
@namespace https://ko-fi.com/a_pack_of_jackals
@version 1.4.7
@description A sleek, 'Dark Mode' userstyle which completely reworks the DataAnnotation site for usability.
@author Jackal
@license GNU GPLv3
@preprocessor stylus
@var color primaryColor "Primary Color:" #128ce3
@var color secondaryColor "Secondary Color:" #d248ff
@var checkbox enablePayment "Enables Pending Payment Notification on 'Task' pages:" 1 {
"Display": none !important,
}
@var checkbox enableDonationText "Enables Feedback & Donation Banner on 'Payments' page:" 1 {
"Display": none !important,
}
==/UserStyle== *//*
▄█████████████████████████████████████████████████████████████▄
█████████████████████████████████████████████████████████████████
█████▀ ▀█████
████▌ ▐████
████▌ ▄██ ██ ▄██ ▐████
████▌ ██▀ ▄██ ██▀ ▐████
████▌ ██▄ ██▀ ██▄ ▐████
████▌ ▀██ ██▄ ▀██ ▐████
████▌ ██ ▀██ ██ ▐████
████▌ ▐████
████▌ ▄██████████████████▄ ▐████
████▌ ██▀ ▀█████▄ ▐████
████▌ ██ ▄██▄▄██▄ ██ ██ ▐████
████▌ ██ ▀██████▀ ██ ▄██ ▐████
████▌ ██▄ ▀██▀ ▄████▀ ▐████
████▌ ▀██▄▄ ▄▄██▀ ▐████
████▌ ▄███████████████████████▄ ▐████
████▌ ██▄ ▄██ ▐████
████▌ ▀█████████████████████▀ ▐████
████▌ ▐████
████▌ ▐████
████▌ ♥ M A D E W I T H L O V E ♥ ▐████
████▌ ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾ ▐████
█████▄ ▄█████
█████████████████████████████████████████████████████████████████
█████████████████████████████████████████████████████████████████
█████▀ ▀█████
████▌ Enjoy this Stylesheet? Please consider subscribing ▐████
████▌ or donating @ https://ko-fi.com/a_pack_of_jackals ▐████
█████▄ ▄█████
█████████████████████████████████████████████████████████████████
▀█████████████████████████████████████████████████████████████▀ */
/*░░▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒░░ GLOBAL EDITS: ░░▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒░░*/
@-moz-document url-prefix("https://app.dataannotation.tech/workers/") {
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
* {
scrollbar-width: none !important;
}
*::-webkit-scrollbar {
display: none !important;
}
:root {
--revamped-primary-color: primaryColor;
--revamped-secondary-color: secondaryColor;
--color-positive-100: #38b724;
--color-positive-90: rgba(56, 183, 36, .9);
--color-positive-80: rgba(56, 183, 36, .8);
--color-positive-70: rgba(56, 183, 36, .7);
--color-positive-60: rgba(56, 183, 36, .6);
--color-positive-50: rgba(56, 183, 36, .5);
--color-positive-40: rgba(56, 183, 36, .4);
--color-positive-30: rgba(56, 183, 36, .3);
--color-positive-20: rgba(56, 183, 36, .2);
--color-positive-10: rgba(56, 183, 36, .1);
--color-positive-5: rgba(56, 183, 36, .05);
--color-warning-100: #ffaa28;
--color-warning-90: rgba(255, 170, 40, .9);
--color-warning-80: rgba(255, 170, 40, .8);
--color-warning-70: rgba(255, 170, 40, .7);
--color-warning-60: rgba(255, 170, 40, .6);
--color-warning-50: rgba(255, 170, 40, .5);
--color-warning-40: rgba(255, 170, 40, .4);
--color-warning-30: rgba(255, 170, 40, .3);
--color-warning-20: rgba(255, 170, 40, .2);
--color-warning-10: rgba(255, 170, 40, .1);
--color-warning-5: rgba(255, 170, 40, .05);
--color-negative-100: #d80909;
--color-negative-90: rgba(216, 9, 9, .9);
--color-negative-80: rgba(216, 9, 9, .8);
--color-negative-70: rgba(216, 9, 9, .7);
--color-negative-60: rgba(216, 9, 9, .6);
--color-negative-50: rgba(216, 9, 9, .5);
--color-negative-40: rgba(216, 9, 9, .4);
--color-negative-30: rgba(216, 9, 9, .3);
--color-negative-20: rgba(216, 9, 9, .2);
--color-negative-10: rgba(216, 9, 9, .1);
--color-negative-5: rgba(216, 9, 9, .05);
--color-seance-100: #8200ff;
--color-seance-90: rgba(130, 0, 255, .9);
--color-seance-80: rgba(130, 0, 255, .8);
--color-seance-70: rgba(130, 0, 255, .7);
--color-seance-60: rgba(130, 0, 255, .6);
--color-seance-50: rgba(130, 0, 255, .5);
--color-seance-40: rgba(130, 0, 255, .4);
--color-seance-30: rgba(130, 0, 255, .3);
--color-seance-20: rgba(130, 0, 255, .2);
--color-seance-10: rgba(130, 0, 255, .1);
--color-seance-5: rgba(130, 0, 255, .05);
--color-purple-100: #782396;
--color-purple-90: rgba(120, 35, 150, .9);
--color-purple-80: rgba(120, 35, 150, .8);
--color-purple-70: rgba(120, 35, 150, .7);
--color-purple-60: rgba(120, 35, 150, .6);
--color-purple-50: rgba(120, 35, 150, .5);
--color-purple-40: rgba(120, 35, 150, .4);
--color-purple-30: rgba(120, 35, 150, .3);
--color-purple-20: rgba(120, 35, 150, .2);
--color-purple-10: rgba(120, 35, 150, .1);
--color-purple-5: rgba(120, 35, 150, .05);
--color-violet-100: #1e0a32;
--color-violet-90: rgba(30, 10, 50, .9);
--color-violet-80: rgba(30, 10, 50, .8);
--color-violet-70: rgba(30, 10, 50, .7);
--color-violet-60: rgba(30, 10, 50, .6);
--color-violet-50: rgba(30, 10, 50, .5);
--color-violet-40: rgba(30, 10, 50, .4);
--color-violet-30: rgba(30, 10, 50, .3);
--color-violet-20: rgba(30, 10, 50, .2);
--color-violet-10: rgba(30, 10, 50, .1);
--color-violet-5: rgba(30, 10, 50, .05);
--color-black-100: #1a1a1a;
--color-black-90: rgba(26, 26, 26, .9);
--color-black-80: rgba(26, 26, 26, .8);
--color-black-70: rgba(26, 26, 26, .7);
--color-black-60: rgba(26, 26, 26, .6);
--color-black-50: rgba(26, 26, 26, .5);
--color-black-40: rgba(26, 26, 26, .4);
--color-black-30: rgba(26, 26, 26, .3);
--color-black-20: rgba(26, 26, 26, .2);
--color-black-10: rgba(26, 26, 26, .1);
--color-black-5: rgba(26, 26, 26, .05);
--color-white-100: #0c0e14;
--color-white-90: rgba(255, 255, 255, .9);
--color-white-80: rgba(255, 255, 255, .8);
--color-white-70: rgba(255, 255, 255, .7);
--color-white-60: rgba(255, 255, 255, .6);
--color-white-50: rgba(255, 255, 255, .5);
--color-white-40: rgba(255, 255, 255, .4);
--color-white-30: rgba(255, 255, 255, .3);
--color-white-20: rgba(255, 255, 255, .2);
--color-white-10: rgba(255, 255, 255, .1);
--color-white-5: rgba(255, 255, 255, .05);
--color-blue-100: #007bff;
--color-blue-90: rgba(0, 123, 255, .9);
--color-blue-80: rgba(0, 123, 255, .8);
--color-blue-70: rgba(0, 123, 255, .7);
--color-blue-60: rgba(0, 123, 255, .6);
--color-blue-50: rgba(0, 123, 255, .5);
--color-blue-40: rgba(0, 123, 255, .4);
--color-blue-30: rgba(0, 123, 255, .3);
--color-blue-20: rgba(0, 123, 255, .2);
--color-blue-10: rgba(0, 123, 255, .1);
--color-blue-5: rgba(0, 123, 255, .05);
--color-malibu-100: #4dc8ff;
--color-malibu-90: rgba(77, 200, 255, .9);
--color-malibu-80: rgba(77, 200, 255, .8);
--color-malibu-70: rgba(77, 200, 255, .7);
--color-malibu-60: rgba(77, 200, 255, .6);
--color-malibu-50: rgba(77, 200, 255, .5);
--color-malibu-40: rgba(77, 200, 255, .4);
--color-malibu-30: rgba(77, 200, 255, .3);
--color-malibu-20: rgba(77, 200, 255, .2);
--color-malibu-10: rgba(77, 200, 255, .1);
--color-malibu-5: rgba(77, 200, 255, .05);
--color-klein-100: #002fb3;
--color-klein-90: rgba(0, 47, 179, .9);
--color-klein-80: rgba(0, 47, 179, .8);
--color-klein-70: rgba(0, 47, 179, .7);
--color-klein-60: rgba(0, 47, 179, .6);
--color-klein-50: rgba(0, 47, 179, .5);
--color-klein-40: rgba(0, 47, 179, .4);
--color-klein-30: rgba(0, 47, 179, .3);
--color-klein-20: rgba(0, 47, 179, .2);
--color-klein-10: rgba(0, 47, 179, .1);
--color-klein-5: rgba(0, 47, 179, .05);
--color-navigation-background: white;
--color-placeholder: rgba(128, 128, 128, .75);
}
body {
--fbc-primary-text: #def3fc !important;
--fbc-blue-60: #0060df !important;
--fbc-blue-70: #003eaa !important;
--fbc-secondary-text: #5B5B66 !important;
--fbc-font-size: 1rem !important;
--fbc-gray-20: #ededf0 !important;
--fbc-light-gray: #F0F0F4 !important;
--fbc-white: #181b28 !important;
--fbc-borders: 1px solid #ededf0 !important;
--color-black-50: #ffffff75 !important;
font-size: var(--fbc-font-size) !important;
color: var(--fbc-primary-text) !important;
background: var(--fbc-white) !important;
font-family: Open Sans,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji" !important;
font-variant: none;
}
a {
color: var(--revamped-primary-color);
}
a:hover {
filter: brightness(1.5);
}
p:empty,
p:has(strong:empty),
p:has(em:empty) {
margin: 0 !important;
}
p, p:empty, strong, em, h1, h2, h3, h4, h5, hr, span, li, ol, ul, .surge-wysiwyg > div {
color: var(--fbc-primary-text) !important;
min-height: 0 !important;
}
[type=text]:focus,
input:where(:not([type])):focus,
[type=email]:focus,
[type=url]:focus,
[type=password]:focus,
[type=number]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[t...