serve.zone/dcrouter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update styles in various components to use dynamic theming and improve layout consistency

Browse Source
This commit is contained in:
Juergen Kunz
2025-06-19 12:14:52 +00:00
parent 2ab2e30336
commit 3ba47f9a71
9 changed files with 333 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
ts_web/elements/ops-view-logs.ts
View File

@ -48,7 +48,7 @@ export class OpsViewLogs extends DeesElement {
}
.logContainer {
background: #1e1e1e;
background: ${cssManager.bdTheme('#f8f9fa', '#1e1e1e')};
border-radius: 8px;
padding: 16px;
max-height: 600px;
@ -63,7 +63,7 @@ export class OpsViewLogs extends DeesElement {
}
.logTimestamp {
color: #7a7a7a;
color: ${cssManager.bdTheme('#7a7a7a', '#7a7a7a')};
margin-right: 8px;
}
@ -76,33 +76,33 @@ export class OpsViewLogs extends DeesElement {
}
.logLevel.debug {
color: #6a9955;
background: rgba(106, 153, 85, 0.1);
color: ${cssManager.bdTheme('#6a9955', '#6a9955')};
background: ${cssManager.bdTheme('rgba(106, 153, 85, 0.1)', 'rgba(106, 153, 85, 0.1)')};
}
.logLevel.info {
color: #569cd6;
background: rgba(86, 156, 214, 0.1);
color: ${cssManager.bdTheme('#569cd6', '#569cd6')};
background: ${cssManager.bdTheme('rgba(86, 156, 214, 0.1)', 'rgba(86, 156, 214, 0.1)')};
}
.logLevel.warn {
color: #ce9178;
background: rgba(206, 145, 120, 0.1);
color: ${cssManager.bdTheme('#ce9178', '#ce9178')};
background: ${cssManager.bdTheme('rgba(206, 145, 120, 0.1)', 'rgba(206, 145, 120, 0.1)')};
}
.logLevel.error {
color: #f44747;
background: rgba(244, 71, 71, 0.1);
color: ${cssManager.bdTheme('#f44747', '#f44747')};
background: ${cssManager.bdTheme('rgba(244, 71, 71, 0.1)', 'rgba(244, 71, 71, 0.1)')};
}
.logCategory {
color: #c586c0;
color: ${cssManager.bdTheme('#c586c0', '#c586c0')};
margin-right: 8px;
}
.logMessage {
color: #d4d4d4;
color: ${cssManager.bdTheme('#333', '#d4d4d4')};
}
.noLogs {
color: #7a7a7a;
color: ${cssManager.bdTheme('#7a7a7a', '#7a7a7a')};
text-align: center;
padding: 40px;
}