new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

GitHub Primer · all subjects

iconography

8 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

GitHub Desktop uses octicons

GitHub Desktop uses octicons for iconography, but does not inherit updates directly. Instead, octicons are duplicated into the Desktop code base.

Desktop-specific octicon variations

GitHub Desktop has several custom icon variations: Stash uses the modified octicon but styled to appear stacked; commit co-author shows a person with plus sign; the avatar default uses the old filled silhouette style instead of the newer outlined version; force push icon uses a push arrow with outline of two additional arrows; repo force push uses a repo with arrow and triple outline above.

Desktop uses older octicons in illustrations

Some older octicons are used in GitHub Desktop illustrations, including check mark, question mark, UFO with speech bubble and telescope, and planet with thumbs up.

Mobile icon sizes

Mobile apps use GitHub's Octicons icon system. Octicons come in two sizes: 16px and 24px.

Functional icon colors available

In the Mobile Design Toolkit there are two functional icon colors: iconPrimary and iconSecondary. Each implements a different brightness of gray, adding visual prominence to more important or actionable icons.

When to use link blue icons

An icon should be blue (link color) if it is used in a navigation bar or toolbar as part of the app chrome, or if it is a primary, highly-desirable action for users to take on a given screen. Few link-tinted elements should be used in a content view to draw attention only to the most important actionable interface elements.

When to use gray icon colors

An icon should generally be gray if it represents an important actionable activity that is not the primary purpose of the view, an unimportant actionable activity, a non-actionable primary supporting graphic, or a decorative accessory. Important actionable elements and primary supporting graphics should use iconPrimary, while unimportant actionable elements and decorative accessories should use iconSecondary.

Non-gray and non-blue icon colors

Icons can be colors other than gray and blue. Yellow is used for star icons to indicate the viewer has starred a repository. Green is used for eye icons to indicate watching a repository. Pink is used for hearts when working with sponsors. Green, red, and purple are used for issue and pull request icon tints to represent states: open, closed, and merged respectively.

Give your agent this brain