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 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. /**
  2. * Theme
  3. */
  4. @import 'themes/main';
  5. /**
  6. * Style variables
  7. */
  8. $baseFontFamily: 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  9. $toolbarFontSize: 1.9em;
  10. $hangupFontSize: 2em;
  11. /**
  12. * Size variables.
  13. */
  14. $defaultToolbarSize: 50px;
  15. // Video layout.
  16. $thumbnailIndicatorSize: 23px;
  17. $thumbnailIndicatorBorder: 0px;
  18. $thumbnailVideoMargin: 2px;
  19. $thumbnailToolbarHeight: 25px;
  20. /**
  21. * Color variables.
  22. */
  23. $defaultColor: #F1F1F1;
  24. $defaultSideBarFontColor: #44A5FF;
  25. $defaultSemiDarkColor: #ACACAC;
  26. $defaultDarkColor: #2b3d5c;
  27. $defaultBackground: #474747;
  28. $tooltipBg: rgba(0,0,0, 0.7);
  29. // Toolbar
  30. $toolbarSelectBackground: rgba(0, 0, 0, .6);
  31. $toolbarBadgeBackground: #165ECC;
  32. $toolbarBadgeColor: #FFFFFF;
  33. $toolbarToggleBackground: #12499C;
  34. $splitterToolbarButtonLeftMargin: 0px;
  35. // Main controls
  36. $inputSemiBackground: rgba(132, 132, 132, .8);
  37. $inputLightBackground: #EBEBEB;
  38. // Video layout.
  39. $videoThumbnailHovered: #BFEBFF;
  40. $videoThumbnailSelected: #165ECC;
  41. $participantNameColor: #fff;
  42. $thumbnailPictogramColor: #fff;
  43. $dominantSpeakerBg: #165ecc;
  44. $raiseHandBg: #D6D61E;
  45. $audioLevelBg: #44A5FF;
  46. $audioLevelShadow: rgba(9, 36, 77, 0.9);
  47. /**
  48. * Feedback Modal
  49. */
  50. $feedbackContentBg: #fff;
  51. $feedbackInputBg: #fff;
  52. $feedbackTextColor: #000;
  53. $feedbackInputTextColor: #333;
  54. $feedbackInputPlaceholderColor: #777;
  55. $rateStarLabelColor: #333;
  56. $rateStarDefault: #ccc;
  57. $rateStarActivity: #165ecc;
  58. $rateStarSize: 34px;
  59. $feedbackCancelFontColor: #333;
  60. /**
  61. * Misc.
  62. */
  63. $borderRadius: 4px;
  64. $defaultWatermarkLink: '../images/watermark.png';
  65. $sidebarWidth: 200px;
  66. /**
  67. * Z-indexes. TODO: Replace this by a function.
  68. */
  69. $tooltipsZ: 901;
  70. $toolbarZ: 900;
  71. $overlayZ: 800;
  72. /**
  73. * Font Colors TODO: Change colors when general dialogs are implemented.
  74. */
  75. $defaultFontColor: #777;
  76. $defaultLightFontColor: #F1F1F1;
  77. $defaultDarkFontColor: #000;
  78. $buttonFontColor: #777;
  79. $buttonHoverFontColor: #287ade;
  80. $auiPrimaryButtonBg: #3572b0;
  81. $auiPrimaryButtonHoverBg: #57647b;
  82. $auiPrimaryButtonColor: #fff;
  83. $auiIconColor: #707070;
  84. $inputControlEmColor: #f29424;
  85. $linkFontColor: #489afe;
  86. $linkHoverFontColor: #287ade;
  87. /**
  88. * Forms
  89. */
  90. $inputBg: #505F79;
  91. $inputBgHover: #505F79;
  92. $inputFontColor: #ECEEF1;