custom theme for remotasks
canary.remotasks.com - 5/9/2023, 2:37:22 PM by Davorin1994
Details
AuthorDavorin1994
LicenseNo License
Categorycanary.remotasks.com
Created
Updated
Size8.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name canary.remotasks.com - 5/9/2023, 2:37:22 PM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("canary.remotasks.com"),
domain("https://remotasks.com/") {
/* Make DARK Spoutible Green ... */
body[data-bg=dark] {
--color-ScaleBlue: #0076FF;
--color-RemoBlue: #2B99D8;
--color-RemoGreen: #29CD9C;
--color-RemoGreenLight: #C1EAD9;
--color-RemoGold: #F8BB06;
--color-RemoRed: #E8412A;
--color-RemoGray01: #F8F8F8;
--color-RemoGray05: #F2F2F2;
--color-RemoGray10: #E6E6E6;
--color-RemoGray20: #CCCCCC;
--color-RemoGray50: #808080;
--color-RemoGray75: #fff;
--color-TrueGray50: #000000;
--color-LightMauve: #d1aad7;
--color-LightPeriwinkle: #7b8fdd;
--color-LightSkyBlue: #bbdef2;
--color-Mauve: #d1aad7;
--color-Periwinkle: #6b80d2;
--color-SkyBlue: #6b80d2;
--color-Periwinkle100: #6a5df9;
--color-Periwinkle75: #8f86fa;
--color-Periwinkle50: #b4aefc;
--color-Periwinkle25: #dad7fd;
--color-Periwinkle10: #f0effe;
--text-color: var(--color-RemoGray75);
--border-radius: 8px;
--pill-border-radius: 12px;
--link-color: var(--color-RemoBlue);
--bg-gray-light: #0b0b0b;
--bg-gray-light-1: var(--bg-gray-light);
--bg-gray-light-2: #f00;
--bg-gray-light-3: #1500ff;
--border-gray-light: var(--color-RemoGray10);
--box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.2);
--box-shadow-hover: 0 10px 40px -10px rgba(0, 0, 0, 0.4);
--box-shadow-long: 0 50px 100px -30px rgba(0, 0, 0, 0.5);
--color-primary: var(--color-RemoBlue);
--color-accept: var(--color-RemoGreen);
--color-reject: var(--color-RemoRed);
--color-grey-text: var(--color-RemoGray75);
--color-sensor-fusion-cuboids: #9631e7;
--color-sensor-fusion-segmentation: #29d683;
--color-semantic-segmentation: #e23e7c;
--color-cuboids: #3cc0a7;
--color-polygons: #ff7600;
--color-twod-boxes: #63b31c;
--color-lines-splines: #1f77e0;
--color-video-box-annotation: #ffbb1a;
--color-transcription: #ff866e;
--color-ocr-transcription: #29d683;
--color-categorization: #ff8fb1;
--color-data-collection: #4a7afa;
--color-point-annotation: #00b7ff;
--color-black: #000;
--color-orange: #fd9d52;
--color-pink: #fd62e9;
--color-gold: rgba(255, 202, 40, 1);
--color-comparison: #da57c8;
--color-image-recognition: #ed72e2;
--color-video: #ffbb1a;
--color-dashboard-1: #271938;
--color-dashboard-2: #ff9bee;
--color-dashboard-3: #503676;
--font-family-code: 'Plex Mono', Menlo, Consolas, Monaco, Lucida Console, Courier New, monospace, serif;
--grid-gap: 40px;
--section-padding: 40px 0 40px 0;
--h1-font-size: 30px;
--h2-font-size: 30px;
--h3-font-size: 24px;
--h4-font-size: 20px;
--bg-form-input: var(--bg-gray-light);
--color-form-input: #636e7d;
--bg-form-focus: rgb(237, 235, 244);
--form-transition: 0.3s ease all;
}
body[data-skin=default] {
--color-ScaleBlue: #0076FF;
--color-RemoBlue: #2B99D8;
--color-RemoGreen: #29CD9C;
--color-RemoGreenLight: #C1EAD9;
--color-RemoGold: #F8BB06;
--color-RemoRed: #E8412A;
--color-RemoGray01: #F8F8F8;
--color-RemoGray05: #F2F2F2;
--color-RemoGray10: #E6E6E6;
--color-RemoGray20: #CCCCCC;
--color-RemoGray50: #808080;
--color-RemoGray75: #404040;
--color-TrueGray50: #000000;
--color-LightMauve: #d1aad7;
--color-LightPeriwinkle: #7b8fdd;
--color-LightSkyBlue: #bbdef2;
--color-Mauve: #d1aad7;
--color-Periwinkle: #6b80d2;
--color-SkyBlue: #6b80d2;
--color-Periwinkle100: #6a5df9;
--color-Periwinkle75: #8f86fa;
--color-Periwinkle50: #b4aefc;
--color-Periwinkle25: #dad7fd;
--color-Periwinkle10: #f0effe;
--text-color: var(--color-RemoGray75);
--border-radius: 8px;
--pill-border-radius: 12px;
--link-color: var(--color-RemoBlue);
--bg-gray-light: #f5f4f9;
--bg-gray-light-1: var(--bg-gray-light);
--bg-gray-light-2: #f6f6f6;
--bg-gray-light-3: #f5f9fa;
--border-gray-light: var(--color-RemoGray10);
--box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.2);
--box-shadow-hover: 0 10px 40px -10px rgba(0, 0, 0, 0.4);
--box-shadow-long: 0 50px 100px -30px rgba(0, 0, 0, 0.5);
--color-primary: var(--color-RemoBlue);
--color-accept: var(--color-RemoGreen);
--color-reject: var(--color-RemoRed);
--color-grey-text: var(--color-RemoGray75);
--color-sensor-fusion-cuboids: #9631e7;
--color-sensor-fusion-segmentation: #29d683;
--color-semantic-segmentation: #e23e7c;
--color-cuboids: #3cc0a7;
--color-polygons: #ff7600;
--color-twod-boxes: #63b31c;
--color-lines-splines: #1f77e0;
--color-video-box-annotation: #ffbb1a;
--color-transcription: #ff866e;
--color-ocr-transcription: #29d683;
--color-categorization: #ff8fb1;
--color-data-collection: #4a7afa;
--color-point-annotation: #00b7ff;
--color-black: #000;
--color-orange: #fd9d52;
--color-pink: #fd62e9;
--color-gold: rgba(255, 202, 40, 1);
--color-comparison: #da57c8;
--color-image-recognition: #ed72e2;
--color-video: #ffbb1a;
--color-dashboard-1: #271938;
--color-dashboard-2: #ff9bee;
--color-dashboard-3: #503676;
--font-family-code: 'Plex Mono', Menlo, Consolas, Monaco, Lucida Console, Courier New, monospace, serif;
--grid-gap: 40px;
--section-padding: 40px 0 40px 0;
--h1-font-size: 30px;
--h2-font-size: 30px;
--h3-font-size: 24px;
--h4-font-size: 20px;
--bg-form-input: var(--bg-gray-light);
--color-form-input: #636e7d;
--bg-form-focus: rgb(237, 235, 244);
--form-transition: 0.3s ease all;
}
.sptbl-left-sidebar a img {
filter: hue-rotate(265deg)
}
/* Make LIGHT Spoutible Green */
body[data-bg=default] {
--color-ScaleBlue: #0076FF;
--color-RemoBlue: #2B99D8;
--color-RemoGreen: #29CD9C;
--color-RemoGreenLight: #C1EAD9;
--color-RemoGold: #F8BB06;
--color-RemoRed: #E8412A;
--color-RemoGray01: #F8F8F8;
--color-RemoGray05: #F2F2F2;
--color-RemoGray10: #E6E6E6;
--color-RemoGray20: #CCCCCC;
--color-RemoGray50: #808080;
--color-RemoGray75: #404040;
--color-TrueGray50: #000000;
--color-LightMauve: #d1aad7;
--color-LightPeriwinkle: #7b8fdd;
--color-LightSkyBlue: #bbdef2;
--color-Mauve: #d1aad7;
--color-Periwinkle: #6b80d2;
--color-SkyBlue: #6b80d2;
--color-Periwinkle100: #6a5df9;
--color-Periwinkle75: #8f86fa;
--color-Periwinkle50: #b4aefc;
--color-Periwinkle25: #dad7fd;
--color-Periwinkle10: #f0effe;
--text-color: var(--color-RemoGray75);
--border-radius: 8px;
--pill-border-radius: 12px;
--link-color: var(--color-RemoBlue);
--bg-gray-light: #f5f4f9;
--bg-gray-light-1: var(--bg-gray-light);
--bg-gray-light-2: #f6f6f6;
--bg-gray-light-3: #f5f9fa;
--border-gray-light: var(--color-RemoGray10);
--box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.2);
--box-shadow-hover: 0 10px 40px -10px rgba(0, 0, 0, 0.4);
--box-shadow-long: 0 50px 100px -30px rgba(0, 0, 0, 0.5);
--color-primary: var(--color-RemoBlue);
--color-accept: var(--color-RemoGreen);
--color-reject: var(--color-RemoRed);
--color-grey-text: var(--color-RemoGray75);
--color-sensor-fusion-cuboids: #9631e7;
--color-sensor-fusion-segmentation: #29d683;
--color-semantic-segmentation: #e23e7c;
--color-cuboids: #3cc0a7;
--color-polygons: #ff7600;
--color-twod-boxes: #63b31c;
--color-lines-splines: #1f77e0;
--color-video-box-annotation: #ffbb1a;
--color-transcription: #ff866e;
--color-ocr-transcription: #29d683;
--color-categorization: #ff8fb1;
--color-data-collection: #4a7afa;
--color-point-annotation: #00b7ff;
--color-black: #000;
--color-orange: #fd9d52;
--color-pink: #fd62e9;
--color-gold: rgba(255, 202, 40, 1);
--color-comparison: #da57c8;
--color-image-recognition: #ed72e2;
--color-video: #ffbb1a;
--color-dashboard-1: #271938;
--color-dashboard-2: #ff9bee;
--color-dashboard-3: #503676;
--font-family-code: 'Plex Mono', Menlo, Consolas, Monaco, Lucida Console, Courier New, monospace, serif;
--grid-gap: 40px;
--section-padding: 40px 0 40px 0;
--h1-font-size: 30px;
--h2-font-size: 30px;
--h3-font-size: 24px;
--h4-font-size: 20px;
--bg-form-input: var(--bg-gray-light);
--color-form-input: #636e7d;
--bg-form-focus: rgb(237, 235, 244);
--form-transition: 0.3s ease all;
}
}