Define custom colour style and their inverse in variables.less
This commit is contained in:
parent
e08e996f48
commit
ae264efc02
4 changed files with 23 additions and 29 deletions
|
|
@ -63,7 +63,7 @@ export default {
|
|||
|
||||
.progress .indeterminate,
|
||||
.progress .determinate {
|
||||
background-color: var(--theme-primary-background);
|
||||
background-color: @global-primary-background;
|
||||
}
|
||||
|
||||
.progress .indeterminate::before {
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@ export default {
|
|||
|
||||
.progress .indeterminate,
|
||||
.progress .determinate {
|
||||
background-color: var(--theme-primary-background);
|
||||
background-color: @global-primary-background;
|
||||
}
|
||||
|
||||
.progress .indeterminate::before {
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
</div>
|
||||
|
||||
<button
|
||||
class="copy-button"
|
||||
class="copy-button ofm-muted-interactive-text"
|
||||
:class="{ success: copied }"
|
||||
:title="'Copy as Python list'"
|
||||
@click="copyMatrix"
|
||||
|
|
@ -142,14 +142,9 @@ export default {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: @global-muted-color;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
.copy-button:hover {
|
||||
color: var(--themed-global-colour);
|
||||
}
|
||||
|
||||
.copy-button.success {
|
||||
color: #4caf50;
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue