You've already forked AstralRinth
forked from didirus/AstralRinth
Merge tag 'v0.10.27' into beta
This commit is contained in:
211
packages/assets/styles/ace.css
Normal file
211
packages/assets/styles/ace.css
Normal file
@@ -0,0 +1,211 @@
|
||||
.ace-modrinth .ace_gutter {
|
||||
background: var(--surface-2);
|
||||
color: var(--color-text-tertiary);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_print-margin {
|
||||
width: 1px;
|
||||
background: var(--surface-5);
|
||||
}
|
||||
|
||||
.ace-modrinth {
|
||||
background-color: var(--surface-3);
|
||||
color: var(--color-text-default);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_cursor {
|
||||
color: var(--color-brand);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_marker-layer .ace_selection {
|
||||
background: var(--color-brand-highlight);
|
||||
}
|
||||
|
||||
.ace-modrinth.ace_multiselect .ace_selection.ace_start {
|
||||
box-shadow: 0 0 3px 0 var(--surface-3);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_marker-layer .ace_step {
|
||||
background: var(--color-orange-highlight);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_marker-layer .ace_bracket {
|
||||
margin: -1px 0 0 -1px;
|
||||
border: 1px solid var(--color-brand);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_marker-layer .ace_active-line {
|
||||
background: var(--surface-4);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_gutter-active-line {
|
||||
background-color: var(--surface-1);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_marker-layer .ace_selected-word {
|
||||
border: 1px solid var(--color-brand-highlight);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_invisible {
|
||||
color: var(--color-text-tertiary);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_fold {
|
||||
background-color: var(--color-blue);
|
||||
border-color: var(--color-text-default);
|
||||
}
|
||||
|
||||
/* Comments */
|
||||
.ace-modrinth .ace_comment {
|
||||
color: var(--color-gray);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Strings */
|
||||
.ace-modrinth .ace_string {
|
||||
color: var(--color-green);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_string.ace_regexp {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
|
||||
/* Constants */
|
||||
.ace-modrinth .ace_constant.ace_numeric {
|
||||
color: var(--color-purple);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_constant.ace_language {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_constant.ace_character {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_constant.ace_other {
|
||||
color: var(--color-purple);
|
||||
}
|
||||
|
||||
/* Keywords */
|
||||
.ace-modrinth .ace_keyword {
|
||||
color: var(--color-red);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_keyword.ace_operator {
|
||||
color: var(--color-text-default);
|
||||
}
|
||||
|
||||
/* Storage */
|
||||
.ace-modrinth .ace_storage {
|
||||
color: var(--color-red);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_storage.ace_type {
|
||||
color: var(--color-blue);
|
||||
}
|
||||
|
||||
/* Entity names */
|
||||
.ace-modrinth .ace_entity.ace_name.ace_function {
|
||||
color: var(--color-blue);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_entity.ace_name.ace_class {
|
||||
color: var(--color-purple);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_entity.ace_name.ace_tag {
|
||||
color: var(--color-red);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_entity.ace_other.ace_attribute-name {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
|
||||
/* Variables */
|
||||
.ace-modrinth .ace_variable {
|
||||
color: var(--color-text-default);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_variable.ace_parameter {
|
||||
color: var(--color-text-default);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_variable.ace_language {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
|
||||
/* Support */
|
||||
.ace-modrinth .ace_support.ace_function {
|
||||
color: var(--color-blue);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_support.ace_class {
|
||||
color: var(--color-purple);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_support.ace_type {
|
||||
color: var(--color-blue);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_support.ace_constant {
|
||||
color: var(--color-purple);
|
||||
}
|
||||
|
||||
/* Invalid */
|
||||
.ace-modrinth .ace_invalid {
|
||||
color: var(--color-text-primary);
|
||||
background-color: var(--color-red-bg);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_invalid.ace_deprecated {
|
||||
color: var(--color-text-primary);
|
||||
background-color: var(--color-orange-bg);
|
||||
}
|
||||
|
||||
/* Punctuation */
|
||||
.ace-modrinth .ace_punctuation {
|
||||
color: var(--color-text-tertiary);
|
||||
}
|
||||
|
||||
/* Meta */
|
||||
.ace-modrinth .ace_meta.ace_tag {
|
||||
color: var(--color-text-default);
|
||||
}
|
||||
|
||||
/* Markup */
|
||||
.ace-modrinth .ace_markup.ace_heading {
|
||||
color: var(--color-red);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_markup.ace_list {
|
||||
color: var(--color-orange);
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_markup.ace_bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_markup.ace_italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_markup.ace_underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Indent guide */
|
||||
.ace-modrinth .ace_indent-guide {
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC)
|
||||
right repeat-y;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.ace-modrinth .ace_indent-guide-active {
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC)
|
||||
right repeat-y;
|
||||
opacity: 0.4;
|
||||
}
|
||||
@@ -46,13 +46,13 @@
|
||||
}
|
||||
|
||||
> :where(
|
||||
input + *,
|
||||
.input-group + *,
|
||||
.textarea-wrapper + *,
|
||||
.chips + *,
|
||||
.resizable-textarea-wrapper + *,
|
||||
.input-div + *
|
||||
) {
|
||||
input + *,
|
||||
.input-group + *,
|
||||
.textarea-wrapper + *,
|
||||
.chips + *,
|
||||
.resizable-textarea-wrapper + *,
|
||||
.input-div + *
|
||||
) {
|
||||
margin-block-start: var(--gap-md);
|
||||
}
|
||||
|
||||
|
||||
@@ -7,8 +7,9 @@ body {
|
||||
// Defaults
|
||||
background-color: var(--color-bg);
|
||||
color: var(--color-base);
|
||||
--font-standard: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto,
|
||||
Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
--font-standard:
|
||||
Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell,
|
||||
Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
--mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
||||
font-family: var(--font-standard);
|
||||
font-size: 16px;
|
||||
@@ -66,15 +67,6 @@ textarea,
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
&:focus,
|
||||
&:focus-visible {
|
||||
box-shadow:
|
||||
inset 0 0 0 transparent,
|
||||
0 0 0 0.25rem var(--color-brand-shadow);
|
||||
color: var(--color-contrast);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&[disabled] {
|
||||
opacity: 0.6;
|
||||
@@ -94,6 +86,7 @@ textarea,
|
||||
|
||||
.cm-content {
|
||||
white-space: pre-wrap !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
input[type='number'] {
|
||||
|
||||
@@ -127,10 +127,12 @@
|
||||
--shadow-inset-sm: inset 0px -1px 2px hsla(221, 39%, 91%, 0.15);
|
||||
|
||||
--shadow-raised-lg: 0px 2px 4px hsla(221, 39%, 11%, 0.2);
|
||||
--shadow-raised: 0.3px 0.5px 0.6px hsl(var(--shadow-color) / 0.15),
|
||||
--shadow-raised:
|
||||
0.3px 0.5px 0.6px hsl(var(--shadow-color) / 0.15),
|
||||
1px 2px 2.2px -1.7px hsl(var(--shadow-color) / 0.12),
|
||||
4.4px 8.8px 9.7px -3.4px hsl(var(--shadow-color) / 0.09);
|
||||
--shadow-floating: hsla(0, 0%, 0%, 0) 0px 0px 0px 0px, hsla(0, 0%, 0%, 0) 0px 0px 0px 0px,
|
||||
--shadow-floating:
|
||||
hsla(0, 0%, 0%, 0) 0px 0px 0px 0px, hsla(0, 0%, 0%, 0) 0px 0px 0px 0px,
|
||||
hsla(0, 0%, 0%, 0.1) 0px 4px 6px -1px, hsla(0, 0%, 0%, 0.1) 0px 2px 4px -1px;
|
||||
|
||||
--shadow-card: rgba(50, 50, 100, 0.1) 0px 2px 4px 0px;
|
||||
@@ -348,7 +350,8 @@ html {
|
||||
|
||||
--shadow-raised-lg: 0px 2px 4px hsla(221, 39%, 11%, 0.2);
|
||||
--shadow-raised: 0px -2px 4px hsla(221, 39%, 11%, 0.1);
|
||||
--shadow-floating: hsla(0, 0%, 0%, 0) 0px 0px 0px 0px, hsla(0, 0%, 0%, 0) 0px 0px 0px 0px,
|
||||
--shadow-floating:
|
||||
hsla(0, 0%, 0%, 0) 0px 0px 0px 0px, hsla(0, 0%, 0%, 0) 0px 0px 0px 0px,
|
||||
hsla(0, 0%, 0%, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
|
||||
|
||||
--shadow-card: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px;
|
||||
|
||||
Reference in New Issue
Block a user