pimhwang
/
spreed-webrtc
mirror of https://github.com/strukturag/spreed-webrtc.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Color pallete of site to easily compare color values.

pull/29/head
Evan Theurer 12 years ago
parent
21218a0a30
commit
f5a54b264f
2 changed files with 92 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 90
      src/styles/color-pallete.html
  2. 6
      src/styles/global/_variables.scss

90
src/styles/color-pallete.html
Unescape View File

@ -0,0 +1,90 @@ @@ -0,0 +1,90 @@
<!DOCTYPE html>
<title>CSS site color pallete</title>
<style>
td {
width: 20em;
}
.color-block {
height: 50px;
}
.color-desc {
height: 25px;
padding: 5% 10% 0 10%;
text-align: center;
}
</style>
<table>
<tr>
<td class="color-desc">
$background: #e5e5e5
</td>
<td class="color-desc">
$componentbg: #f5f5f5
</td>
<td class="color-desc">
$componentfg1: #262626
</td>
</tr>
<tr>
<td class="color-block" style="background-color: #e5e5e5;"></td>
<td class="color-block" style="background-color: #f5f5f5;"></td>
<td class="color-block" style="background-color: #262626;"></td>
</tr>
<tr>
<td class="color-desc">
$componentfg2: rgba(0,0,0,.5)
</td>
<td class="color-desc">
$componentfg3: rgba(0,0,0,.2)
</td>
<td class="color-desc">
$componentfg4: #737373
</td>
</tr>
<tr>
<td class="color-block" style="background-color: rgba(0,0,0,.5);"></td>
<td class="color-block" style="background-color: rgba(0,0,0,.2);"></td>
<td class="color-block" style="background-color: #737373;"></td>
</tr>
<tr>
<td class="color-desc">
$sidepanebg: white
</td>
<td class="color-desc">
$bordercolor: #ccc
</td>
<td class="color-desc">
$actioncolor1: rgb(132,184,25)
</td>
</tr>
<tr>
<td class="color-block" style="background-color: white;"></td>
<td class="color-block" style="background-color: #ccc;"></td>
<td class="color-block" style="background-color: rgb(132,184,25);"></td>
</tr>
<tr>
<td class="color-desc">
$actioncolor2: rgb(0,149,52)
</td>
<td class="color-desc">
none: #222
</td>
<td class="color-desc">
none: #db4f39
</td>
</tr>
<tr>
<td class="color-block" style="background-color: rgb(0,149,52);"></td>
<td class="color-block" style="background-color: #222;"></td>
<td class="color-block" style="background-color: #db4f39;"></td>
</tr>
<tr>
<td class="color-desc">
none: #84b819
</td>
</tr>
<tr>
<td class="color-block" style="background-color: #84b819;"></td>
</tr>
</table>

6
src/styles/global/_variables.scss
Unescape View File

@ -22,6 +22,8 @@ $background: #e5e5e5; @@ -22,6 +22,8 @@ $background: #e5e5e5;
$componentbg: #f5f5f5;
$componentfg1: #262626;
$componentfg2: rgba(0,0,0,.5);
//rgba(0,0,0,.4)
//rgba(0,0,0,.3)
$componentfg3: rgba(0,0,0,.2);
$componentfg4: #737373;
$sidepanebg: white;
@ -29,10 +31,6 @@ $bordercolor: #ccc; @@ -29,10 +31,6 @@ $bordercolor: #ccc;
$actioncolor1: rgb(132,184,25);
$actioncolor2: rgb(0,149,52);
//rgba(0,0,0,.4)
//rgba(0,0,0,.3)
//rgba(0,0,0,.2)
//#ccc
//#222
//#db4f39
//#84b819

Write Preview
Loading…
Cancel
Save