Skip to content

RVFET's mycompiler.io by rvfet

Homepage Write a review Install Get Stylus

Details

Authorrvfet

LicenseNo License

Categoryhttps://www.mycompiler.io/

Created

Updated

Size86 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark and modern theme for MyCompiler.io

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         mycompiler.io
@version      20230621.14.38
@namespace    ?
==/UserStyle== */

@-moz-document regexp("https://www.mycompiler.io/.*") {
html {
    background-color: #080b0c !important;
}
html {
    color-scheme: dark !important;
}
html,
body {
    background-color: #080b0c;
    font-size: 18px;
}
html,
body {
    border-color: #716859;
    color: #f8f5f2;
}
a {
    color: #2894ff;
}
table {
    border-color: #4d5659;
}
::placeholder {
    color: #bab2a6;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #363b00 !important;
    color: #f8f5f2 !important;
}
::-webkit-scrollbar {
    background-color: hsl(0, 0%, 4%);
    color: hsl(0, 0%, 84%);
}
::-webkit-scrollbar-thumb {
    background-color: hsl(0, 0%, 44%);
}
::-webkit-scrollbar-thumb:hover {
    background-color: hsl(0, 0%, 54%);
}
::-webkit-scrollbar-thumb:active {
    background-color: hsl(0, 0%, 64%);
}
::-webkit-scrollbar-corner {
    background-color: hsl(0, 0%, 0%);
}
* {
    scrollbar-color: hsl(0, 0%, 44%) hsl(0, 0%, 4%);
}
::selection {
    background-color: #0045b0 !important;
    color: #f8f5f2 !important;
}
::-moz-selection {
    background-color: #0045b0 !important;
    color: #f8f5f2 !important;
}
/* Invert Style */
.jfk-bubble.gtx-bubble,
.captcheck_answer_label > input + img,
span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"],
span[data-href^="https://www.hcaptcha.com/"] > #icon,
#bit-notification-bar-iframe,
::-webkit-calendar-picker-indicator {
    filter: invert(100%) hue-rotate(180deg) !important;
}
/* Variables Style */
:root {
    --theme-neutral-background: #030506;
    --theme-neutral-text: #e5e1db;
    --theme-selection-background: #0045b0;
    --theme-selection-text: #f8f5f2;
}
/* Modified CSS */
.ace-chrome .ace_gutter {
    background-color: rgb(21, 25, 27);
    background-image: none;
    color: rgb(211, 205, 197);
}
.ace-chrome .ace_print-margin {
    background-color: rgb(23, 27, 29);
    background-image: none;
}
.ace-chrome {
    background-color: rgb(8, 11, 12);
    color: rgb(248, 245, 242);
}
span {
    font-size: 16px;
}
.ace-chrome .ace_cursor {
    color: rgb(248, 245, 242);
}
.ace-chrome .ace_invisible {
    color: rgb(202, 195, 186);
}
.ace-chrome .ace_constant.ace_buildin {
    color: rgb(89, 71, 255);
}
.ace-chrome .ace_constant.ace_language {
    color: rgb(84, 151, 255);
}
.ace-chrome .ace_constant.ace_library {
    color: rgb(97, 255, 106);
}
.ace-chrome .ace_invalid {
    background-color: rgb(121, 0, 0);
    color: rgb(248, 245, 242);
}
.ace-chrome .ace_support.ace_function {
    color: rgb(157, 183, 212);
}
.ace-chrome .ace_support.ace_constant {
    color: rgb(97, 255, 106);
}
.ace-chrome .ace_support.ace_type,
.ace-chrome .ace_support.ace_class .ace-chrome .ace_support.ace_other {
    color: rgb(109, 160, 236);
}
.ace-chrome .ace_variable.ace_parameter {
    color: rgb(255, 164, 36);
}
.ace-chrome .ace_keyword.ace_operator {
    color: rgb(161, 151, 136);
}
.ace-chrome .ace_comment {
    color: rgb(141, 232, 142);
}
.ace-chrome .ace_comment.ace_doc {
    color: rgb(141, 232, 142);
}
.ace-chrome .ace_comment.ace_doc.ace_tag {
    color: rgb(141, 232, 142);
}
.ace-chrome .ace_constant.ace_numeric {
    color: rgb(74, 146, 255);
}
.ace-chrome .ace_variable {
    color: rgb(110, 202, 220);
}
.ace-chrome .ace_xml-pe {
    color: rgb(176, 168, 156);
}
.ace-chrome .ace_entity.ace_name.ace_function {
    color: rgb(104, 166, 255);
}
.ace-chrome .ace_heading {
    color: rgb(15, 109, 255);
}
.ace-chrome .ace_list {
    color: rgb(255, 68, 222);
}
.ace-chrome .ace_marker-layer .ace_selection {
    background-color: rgb(33, 37, 40);
    background-image: none;
}
.ace-chrome .ace_marker-layer .ace_step {
    background-color: rgb(156, 157, 0);
    background-image: none;
}
.ace-chrome .ace_marker-layer .ace_stack {
    background-color: rgb(88, 137, 7);
    background-image: none;
}
.ace-chrome .ace_marker-layer .ace_bracket {
    border-color: rgb(57, 63, 66);
}
.ace-chrome .ace_marker-layer .ace_active-line {
    background-color: rgba(0, 0, 0, 0.07);
    background-image: none;
}
.ace-chrome .ace_gutter-active-line {
    background-color: rgb(31, 35, 37);
}
.ace-chrome .ace_marker-layer .ace_selected-word {
    background-color: rgb(10, 13, 14);
    background-image: none;
    border-color: rgb(0, 0, 107);
}
.ace-chrome .ace_storage,
.ace-chrome .ace_keyword,
.ace-chrome .ace_meta.ace_tag {
    color: rgb(255, 103, 234);
}
.ace-chrome .ace_string.ace_regex {
    color: rgb(255, 11, 11);
}
.ace-chrome .ace_string {
    color: rgb(109, 159, 248);
}
.ace-chrome .ace_entity.ace_other.ace_attribute-name {
    color: rgb(255, 165, 96);
}
.ace-chrome .ace_indent-guide {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMSIgaGVpZ2h0PSIyIj48ZGVmcz48ZmlsdGVyIGlkPSJkYXJrcmVhZGVyLWltYWdlLWZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMzgzIC0wLjc2NyAtMC43NjcgMC4wMDAgMS4wNzUgLTAuNzY3IDAuMzgzIC0wLjc2NyAwLjAwMCAxLjA3NSAtMC43NjcgLTAuNzY3IDAuMzgzIDAuMDAwIDEuMDc1IDAuMDAwIDAuMDAwIDAuMDAwIDEuMDAwIDAuMDAwIiAvPjwvZmlsdGVyPjwvZGVmcz48aW1hZ2Ugd2lkdGg9IjEiIGhlaWdodD0iMiIgZmlsdGVyPSJ1cmwoI2RhcmtyZWFkZXItaW1hZ2UtZmlsdGVyKSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFBRUFBQUFDQ0FZQUFBQ1pnYlluQUFBQUUwbEVRVlFJbVdQNC8vLy9mNGJMbHkvL0J3QW1WZ2QxL3cxMS9nQUFBQUJKUlU1RXJrSmdnZz09IiAvPjwvc3ZnPg==");
}
.ace-chrome .ace_indent-guide-active {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAZSURBVHjaYvj///9/hivKyv8BAAAA//8DACLqBhbvk+/eAAAAAElFTkSuQmCC");
}
.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
    background-color: rgb(27, 31, 33);
}
.ace_dark.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
    background-color: rgb(34, 75, 52);
}
.ace_editor.ace_autocomplete .ace_line-hover {
    border-color: rgb(0, 18, 126);
    background-color: rgba(17, 19, 21, 0.4);
    background-image: none;
}
.ace_dark.ace_editor.ace_autocomplete .ace_line-hover {
    border-color: rgba(140, 199, 0, 0.8);
    background-color: rgba(34, 75, 52, 0.62);
    background-image: none;
}
.ace_completion-message {
    color: rgb(40, 125, 255);
}
.ace_editor.ace_autocomplete .ace_completion-highlight {
    color: rgb(89, 163, 233);
}
.ace_dark.ace_editor.ace_autocomplete .ace_completion-highlight {
    color: rgb(196, 255, 58);
}
.ace_editor.ace_autocomplete {
    border-color: rgb(50, 56, 59);
    box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 5px;
    background-color: rgb(10, 12, 13);
    background-image: none;
    color: rgb(235, 232, 227);
}
.ace_dark.ace_editor.ace_autocomplete {
    border-color: rgb(114, 105, 91);
    box-shadow: rgba(0, 0, 0, 0.51) 2px 3px 5px;
    background-color: rgb(15, 19, 20);
    background-image: none;
    color: rgb(203, 196, 187);
}
.ace_snippet-marker {
    background-color: rgba(40, 38, 57, 0.09);
    background-image: none;
    border-color: rgba(29, 22, 80, 0.62);
}
.error_widget_wrapper {
    background-color: inherit;
    background-image: inherit;
    color: inherit;
    border-color: currentcolor;
}
.error_widget {
    border-top-color: currentcolor;
    border-bottom-color: currentcolor;
}
.error_widget.ace_error,
.error_widget_arrow.ace_error {
    border-color: rgb(156, 0, 0);
}
.error_widget.ace_warning,
.error_widget_arrow.ace_warning {
    border-color: rgb(172, 151, 0);
}
.error_widget.ace_info,
.error_widget_arrow.ace_info {
    border-color: rgb(107, 98, 86);
}
.error_widget.ace_ok,
.error_widget_arrow.ace_ok {
    border-color: rgb(50, 115, 50);
}
.error_widget_arrow {
    border-bottom-color: currentcolor;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}
.ace-tm .ace_gutter {
    background-color: rgb(18, 21, 23);
    background-image: none;
    color: rgb(211, 205, 197);
}
.ace-tm .ace_print-margin {
    background-color: rgb(23, 27, 29);
    background-image: none;
}
.ace-tm .ace_fold {
    background-color: rgb(6, 14, 133);
}
.ace-tm {
    background-color: rgb(8, 11, 12);
    color: rgb(248, 245, 242);
}
.ace-tm .ace_cursor {
    color: rgb(248, 245, 242);
}
.ace-tm .ace_invisible {
    color: rgb(202, 195, 186);
}
.ace-tm .ace_storage,
.ace-tm .ace_keyword {
    color: rgb(40, 125, 255);
}
.ace-tm .ace_constant {
    color: rgb(255, 59, 64);
}
.ace-tm .ace_constant.ace_buildin {
    color: rgb(89, 71, 255);
}
.ace-tm .ace_constant.ace_language {
    color: rgb(84, 151, 255);
}
.ace-tm .ace_constant.ace_library {
    color: rgb(97, 255, 106);
}
.ace-tm .ace_invalid {
    background-color: rgba(215, 0, 0, 0.1);
    color: rgb(255, 11, 11);
}
.ace-tm .ace_support.ace_function {
    color: rgb(157, 183, 212);
}
.ace-tm .ace_support.ace_constant {
    color: rgb(97, 255, 106);
}
.ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_class {
    color: rgb(109, 160, 236);
}
.ace-tm .ace_keyword.ace_operator {
    color: rgb(161, 151, 136);
}
.ace-tm .ace_string {
    color: rgb(132, 255, 137);
}
.ace-tm .ace_comment {
    color: rgb(127, 192, 160);
}
.ace-tm .ace_comment.ace_doc {
    color: rgb(40, 160, 255);
}
.ace-tm .ace_comment.ace_doc.ace_tag {
    color: rgb(133, 172, 203);
}
.ace-tm .ace_constant.ace_numeric {
    color: rgb(74, 146, 255);
}
.ace-tm .ace_variable {
    color: rgb(110, 202, 220);
}
.ace-tm .ace_xml-pe {
    color: rgb(176, 168, 156);
}
.ace-tm .ace_entity.ace_name.ace_function {
    color: rgb(104, 166, 255);
}
.ace-tm .ace_heading {
    color: rgb(15, 109, 255);
}
.ace-tm .ace_list {
    color: rgb(255, 68, 222);
}
.ace-tm .ace_meta.ace_tag {
    color: rgb(118, 183, 255);
}
.ace-tm .ace_str...

Reviews

No reviews yet.