You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_variables.scss 1.6KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /**
  2. * Style variables
  3. */
  4. $baseFontFamily: 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  5. $toolbarFontSize: 1.9em;
  6. $hangupFontSize: 2em;
  7. /**
  8. * Size variables.
  9. */
  10. $defaultToolbarSize: 50px;
  11. // Video layout.
  12. $thumbnailIndicatorSize: 23px;
  13. $thumbnailIndicatorBorder: 0px;
  14. $thumbnailVideoMargin: 2px;
  15. $thumbnailToolbarHeight: 25px;
  16. /**
  17. * Color variables.
  18. */
  19. $defaultColor: #F1F1F1;
  20. $defaultSideBarFontColor: #44A5FF;
  21. $defaultDarkColor: #4F4F4F;
  22. $defaultBackground: #474747;
  23. $tooltipBg: rgba(0,0,0, 0.7);
  24. // Toolbar
  25. $toolbarSelectBackground: rgba(0, 0, 0, .6);
  26. $toolbarButtonToggled: #44A5FF;
  27. $toolbarBadgeBackground: #165ECC;
  28. $toolbarBadgeColor: #FFFFFF;
  29. // Main controls
  30. $inputBackground: rgba(132, 132, 132, .5);
  31. $inputSemiBackground: rgba(132, 132, 132, .8);
  32. $inputLightBackground: #EBEBEB;
  33. $inputBorderColor: #EBEBEB;
  34. $buttonBackground: #44A5FF;
  35. // Video layout.
  36. $videoThumbnailHovered: #44A5FF;
  37. $videoThumbnailSelected: #165ECC;
  38. $participantNameColor: #fff;
  39. $thumbnailPictogramColor: #fff;
  40. $dominantSpeakerBg: #165ecc;
  41. $raiseHandBg: #D6D61E;
  42. $rateStarDefault: #ccc;
  43. $rateStarActivity: #165ecc;
  44. $rateStarLabelColor: #333;
  45. /**
  46. * Misc.
  47. */
  48. $borderRadius: 4px;
  49. $defaultWatermarkLink: '../images/watermark.png';
  50. /**
  51. * Z-indexes. TODO: Replace this by a function.
  52. */
  53. $tooltipsZ: 901;
  54. $toolbarZ: 900;
  55. $overlayZ: 800;
  56. /**
  57. * Font Colors TODO: Change colors when general dialogs are implemented.
  58. */
  59. $defaultFontColor: #777;
  60. $defaultLightFontColor: #F1F1F1;
  61. $defaultDarkFontColor: #000;
  62. $buttonFontColor: #777;
  63. $buttonHoverFontColor: #287ade;
  64. $linkFontColor: #489afe;
  65. $linkHoverFontColor: #287ade;