update

ts_web/elements/document.ts

@@ -25,7 +25,6 @@ import { DePage } from "./page.js";
 import { DeContentInvoice } from "./contentinvoice.js";
 
 import { demoFunc } from "./document.demo.js";
-import { dedocumentSharedStyle } from "../style.js";
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -95,7 +94,6 @@ export class DeDocument extends DeesElement {
 
   public static styles = [
     domtools.elementBasic.staticStyles,
-    dedocumentSharedStyle,
     css`
       :host {
         display: block;

ts_web/elements/page.ts

@@ -12,7 +12,6 @@ import {
 import * as plugins from "../plugins.js";
 
 import { defaultDocumentSettings } from "./document.js";
-import { dedocumentSharedStyle } from "../style.js";
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -75,7 +74,6 @@ export class DePage extends DeesElement {
 
   public static styles = [
     domtools.elementBasic.staticStyles,
-    dedocumentSharedStyle,
     css`
       :host {
         display: block;
@@ -167,7 +165,7 @@ export class DePage extends DeesElement {
       <div id="scaleWrapper">
         <dedocument-pagecontainer .printMode=${this.printMode}>
           <div
-            class="page page__background ${this.pageNumber === 1
+            class="page ${this.pageNumber === 1
               ? "page--first"
               : ""}"
           ></div>

ts_web/elements/pagecontainer.ts

@@ -50,6 +50,7 @@ export class DePageContainer extends DeesElement {
         position: relative;
         border-radius: 3px;
         overflow: hidden;
+        background: #ffffff;
       }
     `,
   ];

ts_web/style.ts

@@ -32,7 +32,6 @@ export const dedocumentSharedStyle = css`
     --text-font-size: var(--theme-text-font-size, 12px);
 
     color: var(--text-fg-color);
-    background: var(--text-bg-color);
     font-family: var(--text-font-family);
     font-size: var(--text-font-size);
   }