Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2024-12-22 16:48:23 +01:00
Code Issues Packages Projects Releases Wiki Activity
a518846900
waveterm/frontend/app/theme.less

76 lines
2.5 KiB
Plaintext
Raw Normal View History

round trip a message to the backend that updates the terminal fe component
2024-05-15 01:53:03 +02:00
// Copyright 2024, Command Line Inc.
// SPDX-License-Identifier: Apache-2.0
:root {
--main-text-color: #f7f7f7;
feat: add modals
2024-05-16 22:11:02 +02:00
--title-font-size: 18px;
round trip a message to the backend that updates the terminal fe component
2024-05-15 01:53:03 +02:00
--secondary-text-color: rgb(195, 200, 194);
create blockframes to replace blockheader (#59) created two frames -- frameless and tech. frameless is used when there is 0 or 1 blocks, otherwise tech is used.
2024-06-19 08:44:53 +02:00
--grey-text-color: #666;
checkpoint on domain sockets + update background colors + transparency (#160)
2024-07-26 22:30:11 +02:00
--main-bg-color: rgb(34, 34, 34);
Adjust some styling in the directory and markdown previews (#182) The column headers for the directory preview were a solid color, which was conflicting with the translucent colors for the rest of the UI. I've changed this to be more consistent. I've also updated a border color that was conflicting with the rest of the UI. The code blocks in the markdown preview were also solid colored and the actions were causing the whole window UI to lose its transparency when they were hovered over. This was due to it applying a backdrop-filter, which breaks the window transparency. I've removed this blur and an invalid color variable. This also fixes the bottom margins for both blocks so there's more space when scrolled all the way to the bottom of the block. Before, the overlay scrollbars were obscuring the content.
2024-07-31 21:42:58 +02:00
--border-color: rgba(255, 255, 255, 0.08);
testing new default header
2024-07-06 00:47:35 +02:00
--base-font: normal 14px / normal "Inter", sans-serif;
round trip a message to the backend that updates the terminal fe component
2024-05-15 01:53:03 +02:00
--fixed-font: normal 12px / normal "Hack", monospace;
--accent-color: rgb(88, 193, 66);
Adjust some styling in the directory and markdown previews (#182) The column headers for the directory preview were a solid color, which was conflicting with the translucent colors for the rest of the UI. I've changed this to be more consistent. I've also updated a border color that was conflicting with the rest of the UI. The code blocks in the markdown preview were also solid colored and the actions were causing the whole window UI to lose its transparency when they were hovered over. This was due to it applying a backdrop-filter, which breaks the window transparency. I've removed this blur and an invalid color variable. This also fixes the bottom margins for both blocks so there's more space when scrolled all the way to the bottom of the block. Before, the overlay scrollbars were obscuring the content.
2024-07-31 21:42:58 +02:00
--panel-bg-color: rgba(31, 33, 31, 0.5);
round trip a message to the backend that updates the terminal fe component
2024-05-15 01:53:03 +02:00
--highlight-bg-color: rgba(255, 255, 255, 0.2);
--markdown-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji";
--error-color: rgb(229, 77, 46);
--warning-color: rgb(224, 185, 86);
--success-color: rgb(78, 154, 6);
new tabs design (#99)
2024-07-06 04:54:28 +02:00
--hover-bg-color: rgba(255, 255, 255, 0.1);
checkpoint on domain sockets + update background colors + transparency (#160)
2024-07-26 22:30:11 +02:00
--block-bg-color: rgba(0, 0, 0, 0.5);
Add action for magnifying a block (#172) Adds the implementation for the "Magnify Block" context menu item. This will pop a block out of the layout and bring it to the foreground. This also cleans up some block styling to make radii more consistent. <img width="814" alt="image" src="https://github.com/user-attachments/assets/c81521e1-c91f-4bb5-9eec-ff0eda178268">
2024-07-30 19:59:53 +02:00
--block-bg-solid-color: rgb(0, 0, 0);
--block-border-radius: 8px;
feat: add modals
2024-05-16 22:11:02 +02:00
remove some padding/margin, style scrollbars
2024-06-04 07:18:54 +02:00
/* scrollbar colors */
fix blocks blurry border (#104)
2024-07-09 07:31:38 +02:00
--scrollbar-background-color: transparent;
--scrollbar-thumb-color: rgba(255, 255, 255, 0.15);
remove some padding/margin, style scrollbars
2024-06-04 07:18:54 +02:00
--scrollbar-thumb-hover-color: rgba(255, 255, 255, 0.5);
remove duplicate css vars (#95)
2024-07-04 18:04:59 +02:00
--scrollbar-thumb-active-color: rgba(255, 255, 255, 0.6);
working on a hover state for the headers
2024-06-14 19:46:03 +02:00
testing new default header
2024-07-06 00:47:35 +02:00
--header-font: 700 11px / normal "Inter", sans-serif;
--header-icon-size: 14px;
--header-icon-width: 16px;
Make magnify icon always visible, transition from magnify to minimize (#197) I'm updating the magnify button to be always visible and animate a transition between being a "Magnify" button and a "Minimize" button. This also cleans up some text shrinking behavior in the block frame header so the end icons are always visible. Also fixes some height discrepancies in the block frame header. Also implements a `prefers-reduced-motion` query for the tilelayout and block frame to ensure transitions are not set if the user does not want them.
2024-08-06 01:13:26 +02:00
--header-height: 30px;
testing new default header
2024-07-06 00:47:35 +02:00
DnD tabs (#44)
2024-06-18 06:50:33 +02:00
--tab-green: rgb(88, 193, 66);
working on a hover state for the headers
2024-06-14 19:46:03 +02:00
/* z-index values */
--zindex-header-hover: 100;
stickers and terminal serialization (#57)
2024-06-18 07:38:48 +02:00
--zindex-termstickers: 20;
modals component and model and TOS modal (#164) Co-authored-by: Sylvia Crowe <software@oneirocosm.com> Co-authored-by: sawka <mike.sawka@gmail.com>
2024-07-30 20:44:19 +02:00
--zindex-modal: 2;
--zindex-modal-wrapper: 500;
--zindex-modal-backdrop: 1;
--zindex-elem-modal: 100;
--zindex-window-drag: 100;
--zindex-tab-name: 3;
New layout model (#210) This PR is a large refactoring of the layout code to move as much of the layout state logic as possible into a unified model class, with atoms and derived atoms to notify the display logic of changes. It also fixes some latent bugs in the node resize code, significantly speeds up response times for resizing and dragging, and sets us up to fully replace the React-DnD library in the future.
2024-08-15 03:40:41 +02:00
--zindex-layout-display-container: 0;
--zindex-layout-resize-handle: 1;
--zindex-layout-placeholder-container: 2;
--zindex-layout-overlay-container: 3;
trap Shift:Cmd, and enable special blockmask action to show block indexes
2024-08-03 00:39:22 +02:00
--zindex-block-mask-inner: 10;
modals component and model and TOS modal (#164) Co-authored-by: Sylvia Crowe <software@oneirocosm.com> Co-authored-by: sawka <mike.sawka@gmail.com>
2024-07-30 20:44:19 +02:00
// z-indexes in xterm.css
// xterm-helpers: 5
// xterm-helper-textarea: -5
// composition-view: 1
// xterm-message: 10
// xterm-decoration: 6
// xterm-decoration-top-layer: 7
// xterm-decoration-overview-ruler: 8
// xterm-decoration-top: 2
/* modal colors */
--modal-bg-color: rgb(26, 28, 26);
--modal-header-bottom-border-color: rgba(241, 246, 243, 0.15);
/* toggle colors */
--toggle-bg-color: var(--border-color);
--toggle-thumb-color: var(--main-text-color);
--toggle-checked-bg-color: var(--accent-color);
/* link color */
--link-color: #58c142;
round trip a message to the backend that updates the terminal fe component
2024-05-15 01:53:03 +02:00
}
Reference in New Issue Copy Permalink