update resources\web

2026-01-31 17:08:41 +03:00 · 2025-12-20 17:45:44 +08:00
parent 328f91afc2
commit 69be99b00a
264 changed files with 7342 additions and 84 deletions
--- a/resources/web/model_new/css/dark.css
+++ b/resources/web/model_new/css/dark.css
@@ -0,0 +1,156 @@
+
+:root {
+  --dark-color-base-text: #B3B3B5;
+}
+
+html, body
+{
+	background-color: #242428;
+	color: #B3B3B5;
+}
+
+.topTool {
+  background-color: #242428;
+}
+
+.returnBtn img {
+  filter: invert(87%) sepia(1%) saturate(0%) hue-rotate(192deg)
+          brightness(91%) contrast(86%);
+}
+
+input {
+  background-color: #242428;
+  color: #B3B3B5;
+}
+
+.editorTitle {
+  color: #B3B3B5;
+}
+
+.accessory-rule-wrapper {
+  background-color: #242428;
+  border: 1px solid rgba(255, 255, 255, 0.247);
+}
+.accessory-rule-title {
+  color: #B3B3B5;
+}
+
+.nav-item {
+  color: var(--dark-color-base-text);
+}
+
+.Navigation .indicator {
+  background-color: var(--dark-color-base-text);;
+}
+.Navigation .rail {
+  background-color: #3d3d3d;
+}
+
+/*CKEditor*/
+:root {
+    /* Helper variables to avoid duplication in the colors. */
+
+    --ck-custom-foreground: hsl(255, 3%, 18%);
+    --ck-custom-border: hsl(300, 1%, 22%);
+    --ck-custom-white: hsl(0, 0%, 100%);
+
+    /* -- Overrides generic colors. ------------------------------------------------------------- */
+
+    --ck-content-font-color: var(--ck-custom-white);
+
+    --ck-color-base-background: #242428;
+    --ck-color-base-border: hsl(240, 4%, 24%);
+
+    --ck-color-focus-border: hsl(208, 90%, 62%);
+    --ck-color-text: hsl(0, 0%, 98%);
+    --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2);
+    --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);
+
+    /* -- Overrides the default .ck-button class colors. ---------------------------------------- */
+
+    --ck-color-button-default-hover-background: hsl(270, 1%, 22%);
+    --ck-color-button-default-active-background: hsl(270, 2%, 20%);
+    --ck-color-button-default-active-shadow: hsl(270, 2%, 23%);
+
+    --ck-color-button-on-background: var(--ck-custom-foreground);
+    --ck-color-button-on-hover-background: hsl(255, 4%, 16%);
+    --ck-color-button-on-active-background: hsl(255, 4%, 14%);
+    --ck-color-button-on-active-shadow: hsl(240, 3%, 19%);
+    --ck-color-button-on-disabled-background: var(--ck-custom-foreground);
+
+    --ck-color-button-action-background: hsl(168, 76%, 42%);
+    --ck-color-button-action-hover-background: hsl(168, 76%, 38%);
+    --ck-color-button-action-active-background: hsl(168, 76%, 36%);
+    --ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
+    --ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
+    --ck-color-button-action-text: var(--ck-custom-white);
+
+    --ck-color-button-save: hsl(120, 100%, 46%);
+    --ck-color-button-cancel: hsl(15, 100%, 56%);
+
+    /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
+
+    --ck-color-dropdown-panel-border: var(--ck-custom-foreground);
+
+    /* -- Overrides the default .ck-dialog class colors. ----------------------------------- */
+
+    --ck-color-dialog-form-header-border: var(--ck-custom-border);
+
+    /* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
+
+    --ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
+    --ck-color-split-button-hover-border: var(--ck-custom-foreground);
+
+    /* -- Overrides the default .ck-input class colors. ----------------------------------------- */
+
+    --ck-color-input-border: hsl(257, 3%, 43%);
+    --ck-color-input-text: hsl(0, 0%, 98%);
+    --ck-color-input-disabled-background: hsl(255, 4%, 21%);
+    --ck-color-input-disabled-border: hsl(250, 3%, 38%);
+    --ck-color-input-disabled-text: hsl(0, 0%, 78%);
+
+    /* -- Overrides the default .ck-list class colors. ------------------------------------------ */
+
+    --ck-color-list-button-hover-background: var(--ck-custom-foreground);
+    --ck-color-list-button-on-background: hsl(208, 88%, 52%);
+    --ck-color-list-button-on-text: var(--ck-custom-white);
+
+    /* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
+
+    --ck-color-panel-border: var(--ck-custom-border);
+
+    /* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
+
+    --ck-color-toolbar-border: var(--ck-custom-border);
+
+    /* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */
+
+    --ck-color-tooltip-background: hsl(252, 7%, 14%);
+    --ck-color-tooltip-text: hsl(0, 0%, 93%);
+
+    /* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
+
+    --ck-content-color-image-caption-background: hsl(0, 0%, 97%);
+    --ck-content-color-image-caption-text: hsl(0, 0%, 20%);
+
+    /* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */
+
+    --ck-color-widget-blurred-border: hsl(0, 0%, 87%);
+    --ck-color-widget-hover-border: hsl(43, 100%, 68%);
+    --ck-color-widget-editable-focus-background: var(--ck-custom-white);
+
+    /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
+
+    --ck-color-link-default: hsl(190, 100%, 75%);
+}
+
+/* Improve displaying links. */
+.ck.ck-editor__editable a {
+    color: hsl(210, 100%, 63%);
+}
+
+/* Improve displaying code blocks. */
+.ck-content pre {
+    color: hsl(0, 0%, 91%);
+    border-color: hsl(0, 0%, 77%);
+}