mirror of
https://github.com/DarrenOfficial/dpaste.git
synced 2024-12-23 23:23:06 +11:00
93 lines
2.9 KiB
SCSS
Executable file
93 lines
2.9 KiB
SCSS
Executable file
/* -----------------------------------------------------------------------------
|
|
Palette
|
|
----------------------------------------------------------------------------- */
|
|
|
|
// General
|
|
$bgColor: white; // Regular background color for non-code snippets.
|
|
|
|
$textColor: #7D7D7D; // General text color
|
|
$linkColor: #4A90E2; // Link color in text and content pages
|
|
$hoverColor: #72B4E4;
|
|
|
|
$borderColor: #EDEDED; // Used for separators, select borders, etc.
|
|
|
|
// Header
|
|
$headerTextColor: white; // Header text color
|
|
$headerBgColor: #4A90E2; // Header background
|
|
|
|
$btnBgColor: #4A90E2; // Buttons (Header, Meta)
|
|
$btnBorderColor: #33639C;
|
|
$btnTextColor: white;
|
|
|
|
// Meta Options
|
|
$metaBgColor: #F9F9F9; // Meta options of snippet
|
|
$metaTextColor: #BABABA; // Meta text and link color
|
|
|
|
$selectBorderColor: #DDDDDD; // Select dropdowns
|
|
$selectBgColor: white;
|
|
$selectTextColor: #858585;
|
|
$selectTriangleColor: $linkColor;
|
|
|
|
$confirmTextColor: #6D6D6D; // Yellow confirmation popup
|
|
$confirmBgColor: #FFF9A8;
|
|
|
|
// Snippet
|
|
$messageTextColor: white; // One time message color
|
|
$messageBgColor: #F5A623;
|
|
|
|
$codeTextColor: #dadad4; // Regular code color (not specified by pygments)
|
|
$codeBgColor: #222829; // bg color of code views
|
|
$codeDiffBgColor: #2A3335; // bg color of diff views
|
|
$codeLineNumberColor: #636363; // Color of code line numbers
|
|
|
|
$markerLineNumberColor: gold; // Marked lines number color
|
|
$markerBgColor: rgba(255, 255, 255, .05);
|
|
|
|
// Mobile Burger Menu
|
|
$burgerBgColor: #3D3D3D; // Burger Menu background
|
|
$burgerTextColor: #C0C0C0; // (muted) Text color of burger buttons
|
|
|
|
$burgerBtnTextColor: #C0C0C0; // Buttons and select items in Burger Menu
|
|
$burgerBtnBorderColor: #575757;
|
|
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Fonts
|
|
----------------------------------------------------------------------------- */
|
|
$baseFont: "Avenir Next", "Helvetica Neue", Helvetica, Arial;
|
|
$codeFont: "SF Mono", "Fira Mono", Monaco, Menlo, Consolas, monospace;
|
|
$textFont: "Apple SD Gothic Neo", "Helvetica Neue", Helvetica, Arial;
|
|
|
|
$baseFontLight: 300;
|
|
$baseFontRegular: 400;
|
|
$baseFontDemiBold: 500;
|
|
$baseFontBold: 600;
|
|
$baseFontHeavy: 700;
|
|
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Grid
|
|
----------------------------------------------------------------------------- */
|
|
$columnWidth: 60px;
|
|
$columnGap: 20px;
|
|
|
|
$boxPadding: 30px; // Left/Right padding of all views
|
|
$mobileBoxPadding: 10px;
|
|
|
|
$mobileBreakpoint: 600px;
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Imports
|
|
----------------------------------------------------------------------------- */
|
|
|
|
// Globals.
|
|
@import 'reset';
|
|
@import 'mixins';
|
|
@import 'globals';
|
|
|
|
// Components.
|
|
@import 'components/header';
|
|
@import 'components/form';
|
|
@import 'components/text';
|
|
@import 'components/code';
|
|
@import 'components/history';
|