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.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. @import "themes/light";
  2. /**
  3. * Style variables
  4. */
  5. $baseFontFamily: 'open_sanslight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  6. $toolbarFontSize: 1.9em;
  7. $hangupFontSize: 2em;
  8. /**
  9. * Size variables.
  10. */
  11. $defaultToolbarSize: 50px;
  12. // Video layout.
  13. $thumbnailToolbarHeight: 22px;
  14. $thumbnailIndicatorBorder: 0px;
  15. $thumbnailIndicatorSize: $thumbnailToolbarHeight;
  16. $thumbnailVideoMargin: 2px;
  17. /**
  18. * Color variables.
  19. */
  20. $defaultColor: #F1F1F1;
  21. $defaultSideBarFontColor: #44A5FF;
  22. $defaultSemiDarkColor: #ACACAC;
  23. $defaultDarkColor: #2b3d5c;
  24. $tooltipBg: rgba(0,0,0, 0.7);
  25. /**
  26. * Toolbar
  27. */
  28. $toolbarTitleColor: #FFFFFF;
  29. $toolbarTitleFontSize: 19px;
  30. $toolbarBackground: rgba(0, 0, 0, 0.5);
  31. $toolbarSelectBackground: rgba(0, 0, 0, .6);
  32. $toolbarBadgeBackground: #165ECC;
  33. $toolbarBadgeColor: #FFFFFF;
  34. $toolbarToggleBackground: #12499C;
  35. $splitterToolbarButtonMargin: 18px;
  36. /*
  37. * Main controls
  38. * TODO: looks like we don't use it
  39. */
  40. $inputSemiBackground: rgba(132, 132, 132, .8);
  41. $inputLightBackground: #EBEBEB;
  42. /*
  43. * Video layout
  44. */
  45. $videoThumbnailHovered: rgba(22, 94, 204, .4);
  46. $videoThumbnailSelected: #165ECC;
  47. $participantNameColor: #fff;
  48. $thumbnailPictogramColor: #fff;
  49. $dominantSpeakerBg: #165ecc;
  50. $raiseHandBg: #D6D61E;
  51. $audioLevelBg: #44A5FF;
  52. $connectionIndicatorBg: #165ecc;
  53. $audioLevelShadow: rgba(9, 36, 77, 0.9);
  54. $videoStateIndicatorColor: $defaultColor;
  55. $videoStateIndicatorBackground: $toolbarBackground;
  56. /**
  57. * Feedback Modal
  58. */
  59. $feedbackContentBg: #fff;
  60. $feedbackInputBg: #fff;
  61. $feedbackTextColor: #000;
  62. $feedbackInputTextColor: #333;
  63. $feedbackInputPlaceholderColor: #777;
  64. $rateStarLabelColor: #333;
  65. $rateStarDefault: #ccc;
  66. $rateStarActivity: #165ecc;
  67. $rateStarSize: 34px;
  68. $feedbackCancelFontColor: #333;
  69. /**
  70. * Notifications
  71. */
  72. $notificationFontSize: 13px;
  73. $notificationColor: #FFFFFF;
  74. $notificationBackground: $tooltipBg;
  75. $notificationTitleColor: $notificationColor;
  76. $notificationMessageColor: $notificationColor;
  77. $notificationLinkColor: $notificationColor;
  78. $notificationOpacity: 0.9;
  79. $notificationPadding: 15px 20px;
  80. $notificationBorderRadius: 4px;
  81. $notificationWidth: 215px;
  82. /**
  83. * Misc.
  84. */
  85. $borderRadius: 3px;
  86. $defaultWatermarkLink: '../images/watermark.png';
  87. $sidebarWidth: 220px;
  88. $happySoftwareBackground: transparent;
  89. /**
  90. * Z-indexes. TODO: Replace this by a function.
  91. */
  92. $tooltipsZ: 901;
  93. $toolbarZ: 900;
  94. $overlayZ: 902;
  95. $notificationZ: 1012;
  96. $ringingZ: 800;
  97. $dropdownZ: 901;
  98. $dropdownMaskZ: 900;
  99. /**
  100. * Font Colors
  101. */
  102. $defaultFontColor: #777;
  103. $defaultLightFontColor: #F1F1F1;
  104. $defaultDarkFontColor: #000;
  105. /**
  106. * Forms
  107. */
  108. //inputs
  109. $inputControlEmColor: #f29424;
  110. //buttons
  111. $linkFontColor: #489afe;
  112. $linkHoverFontColor: #287ade;