swcs/mixtape
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update color definitions

Browse Source
This commit is contained in:
Tobias Klika
2020-06-24 14:31:53 +02:00
parent 09bdd2cf8a
commit 4e28893db8
22 changed files with 40 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
zero.Web.UI/App/components/buttons/state-button.vue
+2 -2
View File
@@ -81,8 +81,8 @@
&.is-active
{
background: var(--color-bg-mid);
/*background: var(--color-primary);
border-color: var(--color-primary);*/
/*background: var(--color-secondary);
border-color: var(--color-secondary);*/
color: var(--color-fg);
font-weight: bold;
}
zero.Web.UI/App/components/forms/media-old.vue
+1 -1
View File
@@ -444,7 +444,7 @@
line-height: 26px;
border-radius: 20px;
background: var(--color-negative);
color: var(--color-primary-fg);
color: var(--color-secondary-fg);
z-index: 2;
text-align: center;
font-size: 13px;
zero.Web.UI/App/components/forms/property.vue
+1 -1
View File
@@ -142,7 +142,7 @@
{
content: "\e87f";
@extend %font-icon;
color: var(--color-primary);
color: var(--color-secondary);
font-size: var(--font-size-l);
float: left;
position: relative;
zero.Web.UI/App/components/forms/rte.vue
+1 -1
View File
@@ -227,7 +227,7 @@
.pell-button-selected
{
background-color: var(--color-highlight);
color: var(--color-primary);
color: var(--color-secondary);
}
}
</style>
zero.Web.UI/App/components/forms/toggle.vue
+5 -5
View File
@@ -88,21 +88,21 @@
&.is-active
{
/*background: var(--color-primary);
/*background: var(--color-secondary);
transform: translateX(18px);*/
background: var(--color-primary);
background: var(--color-secondary);
border-color: transparent;
i
{
background: var(--color-primary-fg);
background: var(--color-secondary-fg);
transform: translateX(18px);
}
.is-primary &
{
background: var(--color-accent-info);
box-shadow: 0 0 0 4px var(--color-accent-info-bg);
background: var(--color-primary);
box-shadow: 0 0 0 4px var(--color-primary-low);
}
}
}
zero.Web.UI/App/components/pickers/iconPicker/overlay.vue
+1 -1
View File
@@ -157,7 +157,7 @@
&.is-active
{
//color: var(--color-primary);
//color: var(--color-secondary);
}
}
zero.Web.UI/App/components/pickers/mediaPicker/mediapicker.vue
+1 -1
View File
@@ -373,7 +373,7 @@
line-height: 26px;
border-radius: 20px;
background: var(--color-negative);
color: var(--color-primary-fg);
color: var(--color-secondary-fg);
z-index: 2;
text-align: center;
font-size: 13px;
zero.Web.UI/App/components/pickers/mediaPicker/overlay.vue
+2 -2
View File
@@ -297,8 +297,8 @@
/*&.is-upload .-preview
{
background: var(--color-primary);
color: var(--color-primary-fg);
background: var(--color-secondary);
color: var(--color-secondary-fg);
}*/
&.is-upload
zero.Web.UI/App/components/pickers/pick.vue
+1 -1
View File
@@ -655,7 +655,7 @@
font-family: "Feather";
content: "\e83e";
font-size: 16px;
color: var(--color-primary);
color: var(--color-secondary);
position: absolute;
right: 20px;
}
zero.Web.UI/App/components/tables/table.vue
+2 -2
View File
@@ -433,7 +433,7 @@
&:hover
{
//text-decoration: underline;
color: var(--color-primary);
color: var(--color-secondary);
background: var(--color-bg-xxlight);
}
}
@@ -538,7 +538,7 @@
.ui-table-field-shared
{
font-size: 16px;
color: var(--color-primary-two);
color: var(--color-primary);
&.is-inline
{
zero.Web.UI/App/components/tabs/tabs.vue
+1 -1
View File
@@ -179,7 +179,7 @@
&:before
{
background: var(--color-primary);
background: var(--color-secondary);
}
&:after
zero.Web.UI/App/components/tree/tree-item.vue
+1 -1
View File
@@ -152,7 +152,7 @@
{
color: var(--color-fg);
font-weight: bold;
//color: var(--color-primary);
//color: var(--color-secondary);
}
}
zero.Web.UI/App/pages/media/upload-status.vue
+3 -3
View File
@@ -163,8 +163,8 @@
/*&.is-upload .-preview
{
background: var(--color-primary);
color: var(--color-primary-fg);
background: var(--color-secondary);
color: var(--color-secondary-fg);
}*/
.-extension
@@ -198,7 +198,7 @@
top: 0;
height: 100%;
border-radius: 2px;
background: var(--color-primary);
background: var(--color-secondary);
}
}
</style>
zero.Web.UI/App/pages/pages/create.vue
+1 -1
View File
@@ -150,7 +150,7 @@
&.is-active
{
font-weight: bold;
color: var(--color-primary);
color: var(--color-secondary);
.page-create-item-text span
{
zero.Web.UI/App/pages/spaces/spaces.vue
+1 -1
View File
@@ -240,7 +240,7 @@
&.is-active
{
font-weight: bold;
color: var(--color-primary);
color: var(--color-secondary);
.spaces-tree-item-text span
{
zero.Web.UI/Sass/Canvas/_navigation.scss
+1 -1
View File
@@ -34,7 +34,7 @@
height: var(--height-top);
margin: 0;
color: var(--color-fg);
background: var(--color-primary);
background: var(--color-secondary);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
zero.Web.UI/Sass/Core/_icons.scss
+2 -2
View File
@@ -557,7 +557,7 @@
font-size: 0;
line-height: 0;
border: 4px solid transparent;
border-top-color: var(--color-primary);
border-top-color: var(--color-secondary);
position: relative;
top: 2px;
}
@@ -565,7 +565,7 @@
.arrow-up
{
border-top-color: transparent;
border-bottom-color: var(--color-primary);
border-bottom-color: var(--color-secondary);
position: relative;
top: -2px;
}
zero.Web.UI/Sass/Core/_settings.scss
+7 -4
View File
@@ -2,9 +2,11 @@
:root, .theme-light
{
// accent colors
--color-primary: #282c3b; //linear-gradient(75deg, #48da9c, #3eb8ad); //#484c5b; // #292b2c; // #00aea2
--color-primary: rgb(44, 162, 212); //linear-gradient(75deg, #48da9c, #3eb8ad); //#484c5b; // #292b2c; // #00aea2
--color-primary-fg: #fff;
--color-secondary: #1f3053;
--color-primary-low: rgba(44, 162, 212, 0.15);
--color-secondary: #282c3b;
--color-secondary-fg: #fff;
--color-primary-two: #3d72c4;
--color-negative: #d82853;
@@ -63,9 +65,10 @@
.theme-dark
{
// accent colors
--color-primary: #229b79;
--color-primary: rgb(44, 162, 212);
--color-primary-fg: #fff;
--color-secondary: #292b2c;
--color-secondary: #fff;
--color-secondary-fg: #222;
--color-negative: #d82853;
--color-primary-button: linear-gradient(75deg, #48da9c, #3eb8ad);
zero.Web.UI/Sass/Modules/Buttons/_button.scss
+2 -2
View File
@@ -36,8 +36,8 @@ button::-moz-focus-inner
display: inline-flex;
justify-content: space-between;
align-items: center;
color: var(--color-primary-fg);
background: var(--color-primary);
color: var(--color-secondary-fg);
background: var(--color-secondary);
padding: 0 20px;
height: 42px;
border-radius: 3px;
zero.Web.UI/Sass/Modules/_flatpickr.scss
+2 -2
View File
@@ -140,11 +140,11 @@
&.selected
{
font-weight: 700;
color: var(--color-primary-fg);
color: var(--color-secondary-fg);
&:after
{
background: var(--color-primary);
background: var(--color-secondary);
}
}
zero.Web.UI/Sass/Modules/_link.scss
+1 -1
View File
@@ -2,6 +2,6 @@
.ui-link
{
color: var(--color-primary);
color: var(--color-secondary);
text-decoration: underline dotted;
}
zero.Web.UI/Setup/Steps/step-install.vue
+1 -1
View File
@@ -131,7 +131,7 @@
i
{
background: var(--color-primary);
background: var(--color-secondary);
transition: width 0.1s ease;
display: block;
height: 100%;