aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/DocumentDecorations.scss
diff options
context:
space:
mode:
authorAshley Cai <ashley.lcai@gmail.com>2021-07-10 00:17:09 -0700
committerAshley Cai <ashley.lcai@gmail.com>2021-07-10 00:17:09 -0700
commit4fe24111c6eafc58927fcca9d8c46a5b92cc4078 (patch)
tree83d5b2b368ac58d1bca7a0bce81d538fe481dba6 /src/client/views/DocumentDecorations.scss
parent4c1fc6bcfdf603bb8c620f9288da09ed69587bfb (diff)
Standardizing Colors, changing global CSS variables
Diffstat (limited to 'src/client/views/DocumentDecorations.scss')
-rw-r--r--src/client/views/DocumentDecorations.scss20
1 files changed, 10 insertions, 10 deletions
diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index db2d56aa8..47a8326bb 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -1,4 +1,4 @@
-@import "globalCssVariables";
+@import "global/globalCssVariables";
$linkGap : 3px;
@@ -49,7 +49,7 @@ $linkGap : 3px;
.documentDecorations-bottomResizer,
.documentDecorations-rightResizer {
pointer-events: auto;
- background: $alt-accent;
+ background: $medium-gray;
opacity: 0.1;
&:hover {
opacity: 1;
@@ -251,13 +251,13 @@ $linkGap : 3px;
}
.linkButton-empty:hover {
- background: $main-accent;
+ background: $medium-gray;
transform: scale(1.05);
cursor: pointer;
}
.linkButton-nonempty:hover {
- background: $main-accent;
+ background: $medium-gray;
transform: scale(1.05);
cursor: pointer;
}
@@ -271,7 +271,7 @@ $linkGap : 3px;
flex-direction: row;
z-index: 998;
position: absolute;
- background: $alt-accent;
+ background: $medium-gray;
}
.linkButtonWrapper {
@@ -303,7 +303,7 @@ $linkGap : 3px;
opacity: 0.9;
pointer-events: auto;
background-color: $dark-color;
- color: $light-color;
+ color: $white;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 75%;
@@ -314,7 +314,7 @@ $linkGap : 3px;
align-items: center;
&:hover {
- background: $main-accent;
+ background: $medium-gray;
transform: scale(1.05);
cursor: pointer;
}
@@ -344,12 +344,12 @@ $linkGap : 3px;
opacity: 0.9;
font-size: 14;
background-color: $dark-color;
- color: $light-color;
+ color: $white;
text-align: center;
cursor: pointer;
&:hover {
- background: $main-accent;
+ background: $medium-gray;
transform: scale(1.05);
}
}
@@ -365,7 +365,7 @@ $linkGap : 3px;
width: max-content;
font-family: $sans-serif;
font-size: 12px;
- background-color: $light-color-secondary;
+ background-color: $light-gray;
padding: 2px 12px;
list-style: none;