PHUIColorPalletteExample.php
View Options

	<?php

	final class PHUIColorPalletteExample extends PhabricatorUIExample {

	public function getName() {
	return 'Colors';
	}

	public function getDescription() {
	return 'A Standard Palette of Colors for use.';
	}

	public function renderExample() {

	$colors = array(
	'c0392b' => 'Base Red {$red}',
	'f4dddb' => '83% Red {$lightred}',
	'e67e22' => 'Base Orange {$orange}',
	'f7e2d4' => '83% Orange {$lightorange}',
	'f1c40f' => 'Base Yellow {$yellow}',
	'fdf5d4' => '83% Yellow {$lightyellow}',
	'139543' => 'Base Green {$green}',
	'd7eddf' => '83% Green {$lightgreen}',
	'2980b9' => 'Base Blue {$blue}',
	'daeaf3' => '83% Blue {$lightblue}',
	'3498db' => 'Sky Base {$sky}',
	'ddeef9' => '83% Sky {$lightsky}',
	'c6539d' => 'Base Indigo {$indigo}',
	'f5e2ef' => '83% Indigo {$lightindigo}',
	'8e44ad' => 'Base Violet {$violet}',
	'ecdff1' => '83% Violet {$lightviolet}'
	);

	$greys = array(
	'C7CCD9' => 'Light Grey Border {$lightgreyborder}',
	'A1A6B0' => 'Grey Border {$greyborder}',
	'676A70' => 'Dark Grey Border {$darkgreyborder}',
	'92969D' => 'Light Grey Text {$lightgreytext}',
	'74777D' => 'Grey Text {$greytext}',
	'4B4D51' => 'Dark Grey Text {$darkgreytext}',
	'F7F7F7' => 'Light Grey Background {$lightgreybackground}',
	'EBECEE' => 'Grey Background {$greybackground}',
	);

	$blues = array(
	'DDE8EF' => 'Thin Blue Border {$thinblueborder}',
	'BFCFDA' => 'Light Blue Border {$lightblueborder}',
	'95A6C5' => 'Blue Border {$blueborder}',
	'626E82' => 'Dark Blue Border {$darkblueborder}',
	'F8F9FC' => 'Light Blue Background {$lightbluebackground}',
	'DFE0E2' => 'Blue Background {$bluebackground}',
	'8C98B8' => 'Light Blue Text {$lightbluetext}',
	'6B748C' => 'Blue Text {$bluetext}',
	'464C5C' => 'Dark Blue Text {$darkbluetext}',
	);

	$d_column = array();
	foreach ($greys as $color => $name) {
	$d_column[] = phutil_tag(
	'div',
	array(
	'style' => 'background-color: #'.$color.';',
	'class' => 'pl'),
	$name.' #'.$color);
	}

	$b_column = array();
	foreach ($blues as $color => $name) {
	$b_column[] = phutil_tag(
	'div',
	array(
	'style' => 'background-color: #'.$color.';',
	'class' => 'pl'),
	$name.' #'.$color);
	}


	$c_column = array();
	$url = array();
	foreach ($colors as $color => $name) {
	$url[] = $color;
	$c_column[] = phutil_tag(
	'div',
	array(
	'style' => 'background-color: #'.$color.';',
	'class' => 'pl'),
	$name.' #'.$color);
	}

	$color_url = phutil_tag(
	'a',
	array(
	'href' => 'http://color.hailpixel.com/#'.implode(',', $url),
	'class' => 'button grey mlb'),
	'Color Palette');

	$layout1 = id(new PHUIBoxView())
	->appendChild($d_column)
	->setShadow(true)
	->addPadding(PHUI::PADDING_LARGE);

	$layout1b = id(new PHUIBoxView())
	->appendChild($b_column)
	->setShadow(true)
	->addPadding(PHUI::PADDING_LARGE);

	$layout2 = id(new PHUIBoxView())
	->appendChild($color_url)
	->appendChild($c_column)
	->setShadow(true)
	->addPadding(PHUI::PADDING_LARGE);

	$head1 = id(new PHUIHeaderView())
	->setHeader(pht('Greys'));

	$head1b = id(new PHUIHeaderView())
	->setHeader(pht('Blues'));

	$head2 = id(new PHUIHeaderView())
	->setHeader(pht('Colors'));

	$wrap1 = id(new PHUIBoxView())
	->appendChild($layout1)
	->addMargin(PHUI::MARGIN_LARGE);

	$wrap1b = id(new PHUIBoxView())
	->appendChild($layout1b)
	->addMargin(PHUI::MARGIN_LARGE);

	$wrap2 = id(new PHUIBoxView())
	->appendChild($layout2)
	->addMargin(PHUI::MARGIN_LARGE);

	return phutil_tag(
	'div',
	array(),
	array(
	$head1,
	$wrap1,
	$head1b,
	$wrap1b,
	$head2,
	$wrap2
	));
	}
	}

File Metadata

Mime Type: text/x-php
Expires: Tue, Apr 28, 7:22 PM (8 h, 11 m)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1324947
Default Alt Text: PHUIColorPalletteExample.php (3 KB)

PHUIColorPalletteExample.php
No OneTemporary
Actions

PHUIColorPalletteExample.php
View Options

File Metadata

Event Timeline

PHUIColorPalletteExample.phpNo OneTemporaryActions

PHUIColorPalletteExample.phpView Options

File Metadata

Event Timeline

PHUIColorPalletteExample.php
No OneTemporary
Actions

PHUIColorPalletteExample.php
View Options