chore: make the overlay darker in displaying request timings (#7691)

This commit is contained in:
Hexxa 2024-07-10 16:17:12 +08:00 committed by GitHub
parent 8bf08a3674
commit 2d98338047
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 1 deletions

View File

@ -29,7 +29,7 @@ const MillisecondTimer = () => {
};
export const ResponseTimer: FunctionComponent<Props> = ({ handleCancel, activeRequestId, steps }) => {
return (
<div className="overlay theme--transparent-overlay">
<div className="overlay theme--transparent-overlay-darker">
<div className="timer-list w-full">
{steps.map((record: TimingStep) => (
<div

View File

@ -1162,6 +1162,11 @@ button {
--color-bg: rgba(5, 5, 5, 0.7);
--color-font: #ddd;
}
*[theme] .theme--transparent-overlay-darker,
*[subtheme] .theme--transparent-overlay-darker {
--color-bg: rgba(5, 5, 5, 0.8);
--color-font: #ddd;
}
[class^='http-method-'],
[class*=' http-method-'] {
color: var(--color-font);