mirror of
https://github.com/wavetermdev/waveterm.git
synced 2025-01-06 19:18:22 +01:00
c6a8797ddd
This improves the ephemeral command runner to allow for honoring of timeouts and proper handling of overriding the current working directory. It also fixes some partially transparent font colors in light mode, making them solid instead. It also updates the InputModel to be auto-observable and utilize some getters to ensure the cmdinput is getting updated whenever necessary state changes take place.
78 lines
2.8 KiB
CSS
78 lines
2.8 KiB
CSS
/* Copyright 2024, Command Line Inc.
|
|
SPDX-License-Identifier: Apache-2.0 */
|
|
|
|
@import url("./term-default.css");
|
|
@import url("./term-light.css");
|
|
|
|
:root {
|
|
--app-bg-color: rgb(254, 254, 254);
|
|
--app-accent-color: rgb(75, 166, 57);
|
|
--app-accent-bg-color: rgba(75, 166, 57, 0.2);
|
|
--app-text-color: rgb(0, 0, 0);
|
|
--app-text-primary-color: rgb(23, 23, 23);
|
|
--app-text-secondary-color: rgb(76, 76, 76);
|
|
--app-border-color: rgb(139 145 138);
|
|
--app-panel-bg-color: rgb(224, 224, 224);
|
|
--app-panel-bg-color-dev: rgb(224, 224, 224);
|
|
--app-icon-color: rgb(110, 110, 110);
|
|
--app-icon-hover-color: rgb(80, 80, 80);
|
|
--app-selected-mask-color: rgba(0, 0, 0, 0.06);
|
|
|
|
--input-bg-color: rgb(238, 238, 238);
|
|
|
|
/* tab color */
|
|
--tab-white: rgb(0, 0, 0, 0.6);
|
|
--tab-mint: rgb(70, 235, 156);
|
|
|
|
/* table colors */
|
|
--table-thead-border-top-color: rgba(0, 0, 0, 0.2);
|
|
--table-thead-border-bottom-color: rgba(0, 0, 0, 0.3);
|
|
--table-thead-bg-color: rgba(250, 250, 250, 0.15);
|
|
--table-tr-border-bottom-color: rgba(0, 0, 0, 0.15);
|
|
--table-tr-hover-bg-color: rgba(0, 0, 0, 0.15);
|
|
--table-tr-selected-bg-color: rgb(221, 221, 221);
|
|
--table-tr-selected-hover-bg-color: rgb(204, 204, 204);
|
|
|
|
/* form colors */
|
|
--form-element-border-color: rgba(0, 0, 0, 0.3);
|
|
--form-element-bg-color: var(--app-bg-color);
|
|
--form-element-text-color: var(--app-text-primary-color);
|
|
--form-element-primary-text-color: var(--app-text-primary-color);
|
|
--form-element-label-color: rgba(0, 0, 0, 0.6);
|
|
--form-element-secondary-color: rgba(0, 0, 0, 0.09);
|
|
--form-element-icon-color: rgb(0, 0, 0, 0.6);
|
|
--form-element-disabled-text-color: rgb(183, 183, 183);
|
|
--form-element-placeholder-color: rgb(183, 183, 183);
|
|
|
|
--markdown-bg-color: rgb(0, 0, 0, 0.1);
|
|
|
|
/* modal colors */
|
|
--modal-header-bottom-border-color: rgba(0, 0, 0, 0.3);
|
|
|
|
/* cmd input */
|
|
|
|
/* scroll colors */
|
|
--scrollbar-background-color: var(--app-bg-color);
|
|
--scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
|
|
--scrollbar-thumb-hover-color: rgba(0, 0, 0, 0.4);
|
|
--scrollbar-thumb-active-color: rgba(0, 0, 0, 0.5);
|
|
|
|
/* line color */
|
|
--line-actions-bg-color: rgba(0, 0, 0, 0.1);
|
|
--line-actions-inactive-color: rgba(0, 0, 0, 0.3);
|
|
--line-actions-active-color: rgba(0, 0, 0, 1);
|
|
|
|
--logo-button-hover-bg-color: rgb(240, 240, 240);
|
|
|
|
--xterm-viewport-border-color: rgba(0, 0, 0, 0.3);
|
|
|
|
--datepicker-cell-hover-bg-color: rgb(240, 240, 240);
|
|
--datepicker-cell-other-text-color: rgba(0, 0, 0, 0.3);
|
|
--datepicker-header-fade-color: rgba(0, 0, 0, 0.4);
|
|
--datepicker-year-header-bg-color: rgb(245, 245, 245);
|
|
--datepicker-year-header-border-color: rgb(220, 220, 220);
|
|
|
|
/* toggle colors */
|
|
--toggle-thumb-color: var(--app-bg-color);
|
|
}
|