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

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. $defaultSemiDarkColor: #ACACAC;
  22. $defaultDarkColor: #2b3d5c;
  23. $defaultBackground: #474747;
  24. $tooltipBg: rgba(0,0,0, 0.7);
  25. // Toolbar
  26. $toolbarSelectBackground: rgba(0, 0, 0, .6);
  27. $toolbarBadgeBackground: #165ECC;
  28. $toolbarBadgeColor: #FFFFFF;
  29. $toolbarToggleBackground: #12499C;
  30. $splitterToolbarButtonLeftMargin: 0px;
  31. // Main controls
  32. $inputSemiBackground: rgba(132, 132, 132, .8);
  33. $inputLightBackground: #EBEBEB;
  34. // Video layout.
  35. $videoThumbnailHovered: #BFEBFF;
  36. $videoThumbnailSelected: #165ECC;
  37. $participantNameColor: #fff;
  38. $thumbnailPictogramColor: #fff;
  39. $dominantSpeakerBg: #165ecc;
  40. $raiseHandBg: #D6D61E;
  41. $audioLevelBg: #44A5FF;
  42. $audioLevelShadow: rgba(9, 36, 77, 0.9);
  43. $rateStarDefault: #ccc;
  44. $rateStarActivity: #165ecc;
  45. $rateStarLabelColor: #333;
  46. /**
  47. * Misc.
  48. */
  49. $borderRadius: 4px;
  50. $defaultWatermarkLink: '../images/watermark.png';
  51. $sidebarWidth: 200px;
  52. /**
  53. * Z-indexes. TODO: Replace this by a function.
  54. */
  55. $tooltipsZ: 901;
  56. $toolbarZ: 900;
  57. $overlayZ: 800;
  58. /**
  59. * Font Colors TODO: Change colors when general dialogs are implemented.
  60. */
  61. $defaultFontColor: #777;
  62. $defaultLightFontColor: #F1F1F1;
  63. $defaultDarkFontColor: #000;
  64. $buttonFontColor: #777;
  65. $buttonHoverFontColor: #287ade;
  66. $auiPrimaryButtonBg: #3572b0;
  67. $auiPrimaryButtonHoverBg: #57647b;
  68. $auiPrimaryButtonColor: #fff;
  69. $auiIconColor: #707070;
  70. $inputControlEmColor: #f29424;