Last active
August 29, 2015 14:23
-
-
Save javi830810/15f4f5d07a9d4aa9fb52 to your computer and use it in GitHub Desktop.
Palette Generation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
from models import Palette | |
palettes = [] | |
for x in Palette.query().fetch(): | |
palettes.append({ | |
'name': x.name, | |
'bg_color':x.main_bg_color, | |
'color': x.main_color | |
}) | |
print palettes |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
from models import Palette | |
x = Palette() | |
x.name = "red" | |
x.main_color = "#fff" | |
x.main_bg_color = "#F44336" | |
x.put() | |
x = Palette() | |
x.name = "red_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#B71C1C" | |
x.put() | |
x = Palette() | |
x.name = "pink" | |
x.main_color = "#fff" | |
x.main_bg_color = "#F8BBD0" | |
x.put() | |
x = Palette() | |
x.name = "pink_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#E91E63" | |
x.put() | |
x = Palette() | |
x.name = "purple" | |
x.main_color = "#fff" | |
x.main_bg_color = "#9C27B0" | |
x.put() | |
x = Palette() | |
x.name = "purple_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#4A148C" | |
x.put() | |
x = Palette() | |
x.name = "purple2" | |
x.main_color = "#fff" | |
x.main_bg_color = "#9575CD" | |
x.put() | |
x = Palette() | |
x.name = "purple2_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#673AB7" | |
x.put() | |
x = Palette() | |
x.name = "indigo" | |
x.main_color = "#fff" | |
x.main_bg_color = "#3F51B5" | |
x.put() | |
x = Palette() | |
x.name = "indigo_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#1A237E" | |
x.put() | |
x = Palette() | |
x.name = "blue_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#BBDEFB" | |
x.put() | |
x = Palette() | |
x.name = "blue" | |
x.main_color = "#fff" | |
x.main_bg_color = "#2196F3" | |
x.put() | |
x = Palette() | |
x.name = "blue_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#0D47A1" | |
x.put() | |
x = Palette() | |
x.name = "lightblue_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#B3E5FC" | |
x.put() | |
x = Palette() | |
x.name = "lightblue_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#03A9F4" | |
x.put() | |
x = Palette() | |
x.name = "lightblue_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#01579B" | |
x.put() | |
x = Palette() | |
x.name = "cyan_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#80DEEA" | |
x.put() | |
x = Palette() | |
x.name = "cyan" | |
x.main_color = "#000" | |
x.main_bg_color = "#00BCD4" | |
x.put() | |
x = Palette() | |
x.name = "cyan_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#006064" | |
x.put() | |
x = Palette() | |
x.name = "teal_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#80CBC4" | |
x.put() | |
x = Palette() | |
x.name = "teal" | |
x.main_color = "#fff" | |
x.main_bg_color = "#009688" | |
x.put() | |
x = Palette() | |
x.name = "teal_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#004D40" | |
x.put() | |
x = Palette() | |
x.name = "green_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#A5D6A7" | |
x.put() | |
x = Palette() | |
x.name = "green" | |
x.main_color = "#000" | |
x.main_bg_color = "#4CAF50" | |
x.put() | |
x = Palette() | |
x.name = "green_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#1B5E20" | |
x.put() | |
x = Palette() | |
x.name = "lightgreen_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#C5E1A5" | |
x.put() | |
x = Palette() | |
x.name = "lightgreen" | |
x.main_color = "#000" | |
x.main_bg_color = "#8BC34A" | |
x.put() | |
x = Palette() | |
x.name = "lightgreen_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#33691E" | |
x.put() | |
x = Palette() | |
x.name = "lime_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#E6EE9C" | |
x.put() | |
x = Palette() | |
x.name = "lime" | |
x.main_color = "#000" | |
x.main_bg_color = "#CDDC39" | |
x.put() | |
x = Palette() | |
x.name = "lime_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#827717" | |
x.put() | |
x = Palette() | |
x.name = "yellow_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#FFF59D" | |
x.put() | |
x = Palette() | |
x.name = "yellow" | |
x.main_color = "#000" | |
x.main_bg_color = "#FFEB3B" | |
x.put() | |
x = Palette() | |
x.name = "yellow_dark" | |
x.main_color = "#000" | |
x.main_bg_color = "#F57F17" | |
x.put() | |
x = Palette() | |
x.name = "amber" | |
x.main_color = "#000" | |
x.main_bg_color = "#FFE082" | |
x.put() | |
x = Palette() | |
x.name = "amber" | |
x.main_color = "#000" | |
x.main_bg_color = "#FFC107" | |
x.put() | |
x = Palette() | |
x.name = "amber" | |
x.main_color = "#000" | |
x.main_bg_color = "#FF6F00" | |
x.put() | |
x = Palette() | |
x.name = "orange_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#FFCC80" | |
x.put() | |
x = Palette() | |
x.name = "orange" | |
x.main_color = "#000" | |
x.main_bg_color = "#FF9800" | |
x.put() | |
x = Palette() | |
x.name = "orange_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#E65100" | |
x.put() | |
x = Palette() | |
x.name = "deeporange_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#FFAB91" | |
x.put() | |
x = Palette() | |
x.name = "deeporange" | |
x.main_color = "#fff" | |
x.main_bg_color = "#FF5722" | |
x.put() | |
x = Palette() | |
x.name = "deeporange_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#BF360C" | |
x.put() | |
x = Palette() | |
x.name = "brown_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#BCAAA4" | |
x.put() | |
x = Palette() | |
x.name = "brown" | |
x.main_color = "#fff" | |
x.main_bg_color = "#795548" | |
x.put() | |
x = Palette() | |
x.name = "brown_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#3E2723" | |
x.put() | |
x = Palette() | |
x.name = "black_light" | |
x.main_color = "#000" | |
x.main_bg_color = "#EEEEEE" | |
x.put() | |
x = Palette() | |
x.name = "black" | |
x.main_color = "#fff" | |
x.main_bg_color = "#9E9E9E" | |
x.put() | |
x = Palette() | |
x.name = "black_dark" | |
x.main_color = "#fff" | |
x.main_bg_color = "#212121" | |
x.put() | |
x = Palette() | |
x.name = "x" | |
x.main_color = "#fff" | |
x.main_bg_color = "#607D8B" | |
x.put() | |
x = Palette() | |
x.name = "blackblack" | |
x.main_color = "#ffffff" | |
x.main_bg_color = "#000000" | |
x.put() | |
x = Palette() | |
x.name = "white" | |
x.main_color = "#000" | |
x.main_bg_color = "#FFFFFF" | |
x.put() |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
palettes = [{'name': u'green_dark', 'color': u'#fff', 'bg_color': u'#1B5E20'}, {'name': u'amber', 'color': u'#000', 'bg_color': u'#FFE082'}, {'name': u'lightgreen_dark', 'color': u'#fff', 'bg_color': u'#33691E'}, {'name': u'deeporange', 'color': u'#fff', 'bg_color': u'#FF5722'}, {'name': u'amber', 'color': u'#000', 'bg_color': u'#FFC107'}, {'name': u'yellow_light', 'color': u'#000', 'bg_color': u'#FFF59D'}, {'name': u'cyan_dark', 'color': u'#fff', 'bg_color': u'#006064'}, {'name': u'green_light', 'color': u'#000', 'bg_color': u'#A5D6A7'}, {'name': u'lightblue_light', 'color': u'#000', 'bg_color': u'#03A9F4'}, {'name': u'pink', 'color': u'#fff', 'bg_color': u'#F8BBD0'}, {'name': u'indigo', 'color': u'#fff', 'bg_color': u'#3F51B5'}, {'name': u'lightgreen_light', 'color': u'#000', 'bg_color': u'#C5E1A5'}, {'name': u'pink_dark', 'color': u'#fff', 'bg_color': u'#E91E63'}, {'name': u'teal_dark', 'color': u'#fff', 'bg_color': u'#004D40'}, {'name': u'white', 'color': u'#000', 'bg_color': u'#FFFFFF'}, {'name': u'red_dark', 'color': u'#fff', 'bg_color': u'#B71C1C'}, {'name': u'blue_dark', 'color': u'#fff', 'bg_color': u'#0D47A1'}, {'name': u'lime_dark', 'color': u'#fff', 'bg_color': u'#827717'}, {'name': u'yellow_dark', 'color': u'#000', 'bg_color': u'#F57F17'}, {'name': u'deeporange_dark', 'color': u'#fff', 'bg_color': u'#BF360C'}, {'name': u'purple2', 'color': u'#fff', 'bg_color': u'#9575CD'}, {'name': u'amber', 'color': u'#000', 'bg_color': u'#FF6F00'}, {'name': u'lime', 'color': u'#000', 'bg_color': u'#CDDC39'}, {'name': u'cyan_light', 'color': u'#000', 'bg_color': u'#80DEEA'}, {'name': u'brown', 'color': u'#fff', 'bg_color': u'#795548'}, {'name': u'orange_dark', 'color': u'#fff', 'bg_color': u'#E65100'}, {'name': u'indigo_dark', 'color': u'#fff', 'bg_color': u'#1A237E'}, {'name': u'x', 'color': u'#fff', 'bg_color': u'#607D8B'}, {'name': u'deeporange_light', 'color': u'#000', 'bg_color': u'#FFAB91'}, {'name': u'lime_light', 'color': u'#000', 'bg_color': u'#E6EE9C'}, {'name': u'lightblue_light', 'color': u'#000', 'bg_color': u'#B3E5FC'}, {'name': u'teal', 'color': u'#fff', 'bg_color': u'#009688'}, {'name': u'red', 'color': u'#fff', 'bg_color': u'#F44336'}, {'name': u'purple2_dark', 'color': u'#fff', 'bg_color': u'#673AB7'}, {'name': u'orange_light', 'color': u'#000', 'bg_color': u'#FFCC80'}, {'name': u'yellow', 'color': u'#000', 'bg_color': u'#FFEB3B'}, {'name': u'blackblack', 'color': u'#ffffff', 'bg_color': u'#000000'}, {'name': u'blue', 'color': u'#fff', 'bg_color': u'#2196F3'}, {'name': u'blue_light', 'color': u'#000', 'bg_color': u'#BBDEFB'}, {'name': u'purple', 'color': u'#fff', 'bg_color': u'#9C27B0'}, {'name': u'brown_light', 'color': u'#000', 'bg_color': u'#BCAAA4'}, {'name': u'brown_dark', 'color': u'#fff', 'bg_color': u'#3E2723'}, {'name': u'lightblue_dark', 'color': u'#fff', 'bg_color': u'#01579B'}, {'name': u'black', 'color': u'#fff', 'bg_color': u'#9E9E9E'}, {'name': u'teal_light', 'color': u'#000', 'bg_color': u'#80CBC4'}, {'name': u'black_dark', 'color': u'#fff', 'bg_color': u'#212121'}, {'name': u'orange', 'color': u'#000', 'bg_color': u'#FF9800'}, {'name': u'cyan', 'color': u'#000', 'bg_color': u'#00BCD4'}, {'name': u'black_light', 'color': u'#000', 'bg_color': u'#EEEEEE'}, {'name': u'lightgreen', 'color': u'#000', 'bg_color': u'#8BC34A'}, {'name': u'purple_dark', 'color': u'#fff', 'bg_color': u'#4A148C'}, {'name': u'green', 'color': u'#000', 'bg_color': u'#4CAF50'}] | |
def hex_to_rgb(value): | |
value = value.lstrip('#') | |
lv = len(value) | |
return tuple(int(value[i:i + lv // 3], 16) for i in range(0, lv, lv // 3)) | |
template = """.%(name)s{ | |
.navbar{ | |
background-color: %(bg_color)s; | |
a:focus{ | |
color: %(color)s; | |
} | |
.beta{ | |
background-color: %(color)s !important; | |
color: %(bg_color)s !important; | |
} | |
.palette-editable{ | |
background-color: %(bg_color)s !important; | |
color: %(color)s !important; | |
} | |
.palette-editable:hover{ | |
background-color: %(color)s !important; | |
color: %(bg_color)s !important; | |
} | |
.dropdown-menu{ | |
background-color: %(bg_color)s !important; | |
} | |
} | |
.invite-title-container{ | |
.main-h1{ | |
background-color: %(rgb_color)s,0.7) !important; | |
color: %(color)s !important; | |
} | |
} | |
#invite-details{ | |
background-color: %(bg_color)s !important; | |
color: %(color)s; | |
.save_invite, .edit_invite{ | |
background-color: %(color)s !important; | |
color: %(bg_color)s; | |
border: solid 1px %(bg_color)s; | |
} | |
.save_invite:hover, .edit_invite:hover{ | |
background-color: %(bg_color)s !important; | |
color: %(color)s; | |
border: solid 1px %(color)s; | |
} | |
.date,.time{ | |
color: #000000; | |
} | |
} | |
.btn{ | |
background-color: %(rgb_color)s,0.7) !important; | |
color: %(color)s; | |
border: solid 1px %(bg_color)s; | |
} | |
.btn:hover{ | |
background-color: %(color)s !important; | |
color: %(bg_color)s; | |
border: solid 1px %(bg_color)s; | |
} | |
.attendees{ | |
.panel-heading{ | |
background-color: %(rgb_color)s,0.7) !important; | |
color:%(color)s; | |
} | |
} | |
.edit-invite-description-input, .invite-comment-input{ | |
background-color: %(rgb_color)s,0.1) !important; | |
} | |
}""" | |
for x in palettes: | |
rgb = hex_to_rgb(x['bg_color']) | |
print template %({ | |
'name': x['name'], | |
'bg_color': x['bg_color'], | |
'color': x['color'], | |
'rgb_color': 'rgba(%s,%s,%s'%(rgb) | |
}) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment