Tile: Blue

<div class="tile {{ theme ? 'tile--' ~ theme }}">
	<div class="tile__content">
		<a href="" class="tile__link  {% if externalLink %}tile__link--external{% endif %}">
			{{ title ?: random([
				'Adivisor / Advisee Information',
				'Language Course Request for Credit',
				'Online Educational Agreement',
				'Supervisor Portal',
				'Accounting Documentation Form',
				'Independent Studies Recording Form',
				'Tools',
				'University of Michigan Google Drive',
				'Really Long Tile Title To See What Happens When We Use an Unusually Extraordinarily Long Title',
			]) }}
		</a>
	</div>

	<div class="tile__actions">
		<ul class="tile__actionsList">
			<li class="tile__actionListItem  tile__actionListItem--favorite">
				{% if favorite %}
					<button class="tile__action  tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
						<span class="visually-hidden">Remove from favorites</span>
						<i class="icon  icon--heart" aria-hidden="true">
							{% include '@icon--heart-filled' %}
						</i>
					</button>
				{% else %}
					<button class="tile__action  tile__action--favorite" title="Favorite this page" aria-label="Favorite this page" data-favorite="false">
						<span class="visually-hidden">Favorite this page</span>
						<i class="icon  icon--heart" aria-hidden="true">
							{% include '@icon--heart' %}
						</i>
					</button>
				{% endif %}
			</li>

			{% if viewMode == 'edit' %}
				<li class="tile__actionListItem">
					<details class="tile__actionDropdown">
						<summary class="tile__action  tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
							<span class="visually-hidden">Change tile theme</span>
							<i class="icon" aria-hidden="true">
								{% include '@icon--paint-bucket' %}
							</i>
						</summary>

						{% include '@theme-picker' %}
					</details>
				</li>
				<li class="tile__actionListItem">
					<button class="tile__action  tile__action--moveUp" title="Move up" aria-label="Move up">
						<span class="visually-hidden">Move up</span>
						<i class="icon" aria-hidden="true">
							{% include '@icon--arrow-up' %}
						</i>
					</button>
				</li>
				<li class="tile__actionListItem">
					<button class="tile__action  tile__action--moveDown" title="Move down" aria-label="Move down">
						<span class="visually-hidden">Move down</span>
						<i class="icon" aria-hidden="true">
							{% include '@icon--arrow-down' %}
						</i>
					</button>
				</li>
			{% endif %}
		</ul>
	</div>
</div>