Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

cherry-pick(#18801): fix: recorder dark theme and strict explore locator parser

Browse source
This commit is contained in:
Pavel Feldman 2022-11-14 16:49:15 -08:00
parent 2fd36db85e
commit c6d7cb4fd8
3 changed files with 34 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/playwright-core/src/server/isomorphic/locatorParser.ts
View file

@ -188,7 +188,7 @@ export function locatorOrSelectorAsSelector(language: Language, locator: string,
return selector; return selector;
} catch (e) { } catch (e) {
} }
return locator; return '';
} }
function digestForComparison(locator: string) { function digestForComparison(locator: string) {

6
packages/recorder/src/recorder.css
View file

@ -33,7 +33,11 @@
} }
.recorder .toolbar-button.toggled.record { .recorder .toolbar-button.toggled.record {
color: #fd1e1e; color: #a1260d;
}
body.dark-mode .recorder .toolbar-button.toggled.record {
color: #f48771;
} }
.recorder .toolbar-button:not([disabled]) .codicon-debug-continue, .recorder .toolbar-button:not([disabled]) .codicon-debug-continue,

47
packages/web/src/components/codeMirrorWrapper.css
View file

@ -61,7 +61,11 @@
color: #0070c1; color: #0070c1;
} }
.CodeMirror span.cm-property, .CodeMirror span.cm-qualifier, .CodeMirror span.cm-attribute { .CodeMirror span.cm-property {
color: #795e26;
}
.CodeMirror span.cm-qualifier, .CodeMirror span.cm-attribute {
color: #001080; color: #001080;
} }
@ -70,29 +74,34 @@
color: #267f99; color: #267f99;
} }
@media(prefers-color-scheme: dark) { body.dark-mode .CodeMirror span.cm-def,
body.dark-mode .CodeMirror span.cm-tag {
color: var(--vscode-debugView-valueChangedHighlight);
}
.CodeMirror span.cm-def, .CodeMirror span.cm-tag { body.dark-mode .CodeMirror span.cm-comment,
color: var(--vscode-debugView-valueChangedHighlight); body.dark-mode .CodeMirror span.cm-link {
} color: #6a9955;
}
.CodeMirror span.cm-comment, .CodeMirror span.cm-link { body.dark-mode .CodeMirror span.cm-variable,
color: #6a9955; body.dark-mode .CodeMirror span.cm-variable-2,
} body.dark-mode .CodeMirror span.cm-atom {
color: #4fc1ff;
}
.CodeMirror span.cm-variable, .CodeMirror span.cm-variable-2, .CodeMirror span.cm-atom { body.dark-mode .CodeMirror span.cm-property {
color: #4fc1ff; color: #dcdcaa;
} }
.CodeMirror span.cm-property, .CodeMirror span.cm-qualifier, .CodeMirror span.cm-attribute { body.dark-mode .CodeMirror span.cm-qualifier,
color: #9cdcfe; body.dark-mode .CodeMirror span.cm-attribute {
} color: #9cdcfe;
}
.CodeMirror span.cm-variable-3,
.CodeMirror span.cm-type {
color: #4ec9b0;
}
body.dark-mode .CodeMirror span.cm-variable-3,
body.dark-mode .CodeMirror span.cm-type {
color: #4ec9b0;
} }
.CodeMirror span.cm-bracket { .CodeMirror span.cm-bracket {