2.0 - Updating interface

quead · quead · commit fea809a58e6c · 2017-09-25T12:08:02.000+03:00
diff --git a/dist/assets/css/main.css b/dist/assets/css/main.css
@@ -113,7 +113,7 @@ a:active {
 #app-container {
   position: relative;
   height: 100%;
-  background: linear-gradient(120deg, rgba(255, 38, 38, 0.1) 0%, var(--c-base) 30%);
+  background: linear-gradient(120deg, rgba(0, 243, 255, 0.1) 0%, var(--c-base) 30%);
 }
 
 .btn {
@@ -230,7 +230,7 @@ a:active {
 .col-2 {
   width: calc(40% - var(--menu-diff));
   left: calc(60% - var(--menu-diff));
-  background: linear-gradient(-90deg, rgba(255, 0, 0, 0.05) 0%, #1d1d25 30%);
+  background: linear-gradient(-90deg, rgba(0, 243, 255, 0.05) 0%, #1d1d25 30%);
 }
 
 .col-3 {
@@ -946,6 +946,11 @@ select {
   -webkit-appearance: none;
 }
 
+select option {
+  background-color: var(--c-base);
+  color: var(--c-white);
+}
+
 .round-check {
   position: absolute;
   right: 0;
@@ -1551,7 +1556,7 @@ iframe {
   width: 100%;
   height: 39px;
   padding: 8px;
-  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
   position: relative;
   z-index: 1;
 }
@@ -1651,7 +1656,7 @@ iframe {
 }
 
 .video-item-settings {
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.4);
   color: var(--c-white);
   position: absolute;
   right: 0;
@@ -2029,7 +2034,7 @@ iframe {
 
 #app-container.light-mode .col-2,
 #app-container.light-mode .col-3 {
-  background-color: var(--c-white);
+  background: var(--c-white);
 }
 
 #app-container.light-mode .col-2 .app-content,
diff --git a/scss/_forms.scss b/scss/_forms.scss
@@ -1,5 +1,9 @@
 select {
     -webkit-appearance: none;
+    option {
+        background-color: var(--c-base);
+        color: var(--c-white);
+    }
 }
 
 .round-check {
diff --git a/scss/_global.scss b/scss/_global.scss
@@ -42,5 +42,5 @@ a {
 #app-container {
     position: relative;
     height: 100%;
-    background: linear-gradient(120deg, rgba(255, 38, 38, 0.1) 0%, var(--c-base) 30%);
+    background: linear-gradient(120deg, rgba(0, 243, 255, 0.1) 0%, var(--c-base) 30%);
 }
diff --git a/scss/_grid.scss b/scss/_grid.scss
@@ -20,7 +20,7 @@
     &-2 {
         width: calc(40% - var(--menu-diff));
         left: calc(60% - var(--menu-diff));
-        background: linear-gradient(-90deg, rgba(255, 0, 0, 0.05) 0%, #1d1d25 30%);
+        background: linear-gradient(-90deg, rgba(0, 243, 255, 0.05) 0%, #1d1d25 30%);
     }
     &-3 {
         width: calc(60% - var(--menu-diff));
diff --git a/scss/_videos.scss b/scss/_videos.scss
@@ -66,7 +66,7 @@ iframe {
     width: 100%;
     height: 39px;
     padding: 8px;
-    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
     position: relative;
     z-index: 1;
     &-btn {
@@ -151,7 +151,7 @@ iframe {
         width: 100%;
     }
     &-settings {
-        background-color: rgba(0, 0, 0, 0.6);
+        background-color: rgba(0, 0, 0, 0.4);
         color: var(--c-white);
         position: absolute;
         right: 0;
diff --git a/scss/theme/light.scss b/scss/theme/light.scss
@@ -9,7 +9,7 @@
 
 .col-2,
 .col-3 {
-    background-color: var(--c-white);
+    background: var(--c-white);
     .app-content {
         color: var(--c-black);
     }
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
@@ -113,7 +113,7 @@ a:active {
 #app-container {
   position: relative;
   height: 100%;
-  background: linear-gradient(120deg, rgba(255, 38, 38, 0.1) 0%, var(--c-base) 30%);
+  background: linear-gradient(120deg, rgba(0, 243, 255, 0.1) 0%, var(--c-base) 30%);
 }
 
 .btn {
@@ -230,7 +230,7 @@ a:active {
 .col-2 {
   width: calc(40% - var(--menu-diff));
   left: calc(60% - var(--menu-diff));
-  background: linear-gradient(-90deg, rgba(255, 0, 0, 0.05) 0%, #1d1d25 30%);
+  background: linear-gradient(-90deg, rgba(0, 243, 255, 0.05) 0%, #1d1d25 30%);
 }
 
 .col-3 {
@@ -946,6 +946,11 @@ select {
   -webkit-appearance: none;
 }
 
+select option {
+  background-color: var(--c-base);
+  color: var(--c-white);
+}
+
 .round-check {
   position: absolute;
   right: 0;
@@ -1551,7 +1556,7 @@ iframe {
   width: 100%;
   height: 39px;
   padding: 8px;
-  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
   position: relative;
   z-index: 1;
 }
@@ -1651,7 +1656,7 @@ iframe {
 }
 
 .video-item-settings {
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.4);
   color: var(--c-white);
   position: absolute;
   right: 0;
@@ -2029,7 +2034,7 @@ iframe {
 
 #app-container.light-mode .col-2,
 #app-container.light-mode .col-3 {
-  background-color: var(--c-white);
+  background: var(--c-white);
 }
 
 #app-container.light-mode .col-2 .app-content,

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,9 @@`
`1`	`1`	`select {`
`2`	`2`	`-webkit-appearance: none;`
	`3`	`+ option {`
	`4`	`+ background-color: var(--c-base);`
	`5`	`+ color: var(--c-white);`
	`6`	`+ }`
`3`	`7`	`}`
`4`	`8`
`5`	`9`	`.round-check {`
Original file line number	Diff line number	Diff line change
`@@ -42,5 +42,5 @@ a {`
`42`	`42`	`#app-container {`
`43`	`43`	`position: relative;`
`44`	`44`	`height: 100%;`
`45`		`- background: linear-gradient(120deg, rgba(255, 38, 38, 0.1) 0%, var(--c-base) 30%);`
	`45`	`+ background: linear-gradient(120deg, rgba(0, 243, 255, 0.1) 0%, var(--c-base) 30%);`
`46`	`46`	`}`
Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@`
`20`	`20`	`&-2 {`
`21`	`21`	`width: calc(40% - var(--menu-diff));`
`22`	`22`	`left: calc(60% - var(--menu-diff));`
`23`		`- background: linear-gradient(-90deg, rgba(255, 0, 0, 0.05) 0%, #1d1d25 30%);`
	`23`	`+ background: linear-gradient(-90deg, rgba(0, 243, 255, 0.05) 0%, #1d1d25 30%);`
`24`	`24`	`}`
`25`	`25`	`&-3 {`
`26`	`26`	`width: calc(60% - var(--menu-diff));`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@`
`9`	`9`
`10`	`10`	`.col-2,`
`11`	`11`	`.col-3 {`
`12`		`- background-color: var(--c-white);`
	`12`	`+ background: var(--c-white);`
`13`	`13`	`.app-content {`
`14`	`14`	`color: var(--c-black);`
`15`	`15`	`}`