tracim_v2/frontend/src/css/Variable.styl

// Côme - 2018/02/27 - DEPRECATED : now using Variable.styl from tracim_lib

/**** VARIABLES ****/
/*** COULEURS ****/

mainColor = #fdfdfd // Bg header
secondColor = #7d4e24 // #7d4e24 bg sidebar
thirdColor = lighten(secondColor, 25%) // #2571fe bg workspace name
fourthColor = lighten(secondColor, 55%) // #82b2cc bg filter sidebar
fifthColor = lighten(secondColor, 10%)

hover-theme = lighten(secondColor, 75%)
hover-button = lighten(secondColor, 10%)

fontColor = #252525

darkGrey = #252525
rgbGrey = rgba(25,25,25,0.3)
grey = #ababab
lightGrey = #f0f0f0
grey-hover = #e0e0e0

folder-hover = #9BC1eb
files-hover = rgba(155,193,235,0.2)

off-white = #fdfdfd

darkBlue = #215e8e
blue = #2571fe
darkenBlue = darken(blue, 15%)
lightBlue = #569EDE

red = #f63434

// c2a btn color in general context ; meaning every context but specific one related to file type (file, pageHtml, issues, threads ...)
btnCallAction = #28a745
btnCallAction-hover = darken(btnCallAction, 15%)

threadColor = #ad4cf9
darkenThread = darken(threadColor, 15%)

htmlColor = #3f52e3
darkHtmlColor = darken(htmlColor, 15%)

markdownColor = #f12d2d

fileColor = #ff9900
lightFileColor = lighten(fileColor, 15%)

taskColor = #259f6c

issueColor = #a4835e

/** Role Color  **/
gestionnaire = #f2af2d
lecteur = #15D948
contributeur = #3145F7
responsable = #ED0007

/** Btn call to action dashboard **/
writefile = #3f52e3
importfile = #ff9900
calendar = red
explore = #87d04c

/** Status Color **/

currentColor = blue
validateColor = explore
cancelColor = red
outdateColor = grey

/** Flash Message Color **/
success = #30ce4e
info = #0094bc
danger = #e81a32

/*************************/
/**** BOX SHADOW ****/
shadow-bottom = 0px 0px 5px 1px #606060
shadow-right = 2px 2px 5px 0px #404040
shadow-all = 0px 0px 3px 1px #656565
shadow-all-side-blue = 0px 0px 1px 1px lightBlue
shadow-all-side-green = 0 0 1px 2px green
shadow-all-side-thread = 0 0 1px 2px threadColor
shadow-all-btn = 0 0 3px 3px lightBlue

/***********************/
/**** MEDIA QUERIES ****/
min-xs = 0px
max-xs = 575px

min-sm = 576px
max-sm = 767px

min-md = 768px
max-md = 991px

min-lg = 992px
max-lg = 1199px

min-xl = 1200px