Skip to content

Commit c99ff6a

Browse files
Updates some of the CSS colors for Circuits (#2409)
Made some suggested changes to the color schemes of some of the details in the Circuit Editor: - The disabled "OK" button now uses the same colors as other buttons and just uses an opacity to indicate its unavailability. ![image](https://github.com/user-attachments/assets/e2cc2fc8-59a5-42cd-9fbb-56bccc37b30b) - The default color for button boarders is now transparent so if a theme doesn't define a border color, boarders do not appear. - The argument on gates will remain underlined and have the "clickable" cursor on hover, but the color will not be hyperlink blue as that did not mesh well with certain themes. The color is now the same as the regular text color. ![image](https://github.com/user-attachments/assets/54cb6d26-eba7-45c7-82fe-34ff55a626e5)
1 parent 83c90e8 commit c99ff6a

File tree

1 file changed

+2
-10
lines changed

1 file changed

+2
-10
lines changed

npm/qsharp/ux/qsharp-circuit.css

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -83,17 +83,11 @@
8383

8484
/* Edit mode style for arg-button (hyperlink appearance) */
8585
.arg-button.edit-mode {
86-
fill: var(--vscode-textLink-foreground, #0066cc);
8786
text-decoration: underline;
8887
cursor: pointer;
8988
pointer-events: all;
9089
}
9190

92-
/* Hover style for arg-button in edit mode */
93-
.arg-button.edit-mode:hover {
94-
fill: var(--vscode-textLink-activeForeground, #004499); /* Hover color */
95-
}
96-
9791
/* Dot and line for controlled gates */
9892
.gate > line,
9993
.control-dot {
@@ -409,7 +403,7 @@
409403
margin: 0 5px;
410404
background: var(--vscode-button-background, #007acc);
411405
color: var(--vscode-button-foreground, #ffffff);
412-
border: 1px solid var(--vscode-button-border, #005a9e);
406+
border: 1px solid var(--vscode-button-border, transparent);
413407
cursor: pointer;
414408
border-radius: 4px;
415409
}
@@ -419,9 +413,7 @@
419413
}
420414

421415
.prompt-button:disabled {
422-
background: var(--vscode-button-secondaryBackground, #d4d4d4);
423-
color: var(--vscode-disabledForeground, #a1a1a1);
424-
border: 1px solid var(--vscode-button-secondaryBackground, #d4d4d4);
416+
opacity: 0.4;
425417
cursor: not-allowed;
426418
}
427419

0 commit comments

Comments
 (0)