Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

Editor theme

Browse Source
This commit is contained in:
Adina Țeudan 2020-12-08 23:45:43 +02:00
parent ca6c64388b
commit f1cd540de3
5 changed files with 28 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
angular.json
View File

@ -33,6 +33,11 @@
"input": "apps/red-ui/src/assets/",
"output": "/assets/"
},
{
"glob": "**/*",
"input": "node_modules/ace-builds/src-min/",
"output": "/assets/ace-builds"
},
"apps/red-ui/src/manifest.webmanifest"
],
"styles": ["apps/red-ui/src/styles.scss"],
@ -40,7 +45,7 @@
"node_modules/@pdftron/webviewer/webviewer.min.js",
"node_modules/ace-builds/src-min/ace.js",
"node_modules/ace-builds/src-min/mode-java.js",
"node_modules/ace-builds/src-min/theme-solarized_light.js"
"node_modules/ace-builds/src-min/theme-eclipse.js"
]
},
"configurations": {

4
apps/red-ui/src/app/app.component.ts
View File

@ -1,6 +1,10 @@
import { Component } from '@angular/core';
import { AppLoadStateService } from './utils/app-load-state.service';
declare var ace;
ace.config.set('basePath', '/assets/ace-builds/');
@Component({
selector: 'redaction-root',
templateUrl: './app.component.html',

2
apps/red-ui/src/app/screens/admin/dictionary-overview-screen/dictionary-overview-screen.component.html
View File

@ -61,7 +61,7 @@
<ace-editor
#editorComponent
[mode]="'text'"
[theme]="'solarized_light'"
[theme]="'eclipse'"
[options]="aceOptions"
[readOnly]="!permissionsService.isAdmin()"
(textChanged)="textChanged($event)"

2
apps/red-ui/src/app/screens/admin/rules-screen/rules-screen.component.html
View File

@ -18,7 +18,7 @@
<ace-editor
#editorComponent
[mode]="'java'"
[theme]="'solarized_light'"
[theme]="'eclipse'"
[options]="aceOptions"
[readOnly]="!permissionsService.isAdmin()"
(textChanged)="textChanged($event)"

28
apps/red-ui/src/assets/styles/red-editor.scss
View File

@ -20,41 +20,45 @@
}
.ace-redaction {
background-color: $white !important;
color: $accent !important;
color: $accent;
.ace_gutter {
background: $grey-2 !important;
color: $grey-7 !important;
background: $grey-2;
color: $grey-7;
border-right: none;
}
.ace_active-line {
background: $grey-6;
}
.ace_print-margin {
width: 0 !important;
background: $white !important;
width: 0;
background: $white;
}
.ace_cursor {
color: $grey-5 !important;
color: $grey-5;
}
.ace_marker-layer .ace_selection {
background: $grey-4 !important;
background: $grey-4;
}
.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0 $white !important;
box-shadow: 0 0 3px 0 $white;
}
.ace_gutter-active-line {
background-color: $grey-4 !important;
background-color: $grey-4;
}
.ace_marker-layer .ace_selected-word {
border: 1px solid $grey-4 !important;
border: 1px solid $grey-4;
}
.ace_invisible {
color: $grey-4 !important;
color: $grey-4;
}
}