Semantic-Org/Semantic-UI

This release delivers a comprehensive overhaul of the theming system, introducing explicit variable and override files for every component across all themes, which significantly improves customization and maintainability. The framework expands its component library with new definitions for collections, elements, and views, while also adding robust RTL support and modernizing the build system with Gulp 4 compatibility and modular task collections. Additionally, the release includes a suite of new example pages, automated admin tasks for component distribution, and initial test coverage reports.

A new RTL (right-to-left) theme has been introduced, including global style overrides and variable definitions. The theme imports the Droid Arabic Kufi font from Google Fonts and configures header and page fonts to support Arabic text rendering.

src/themes/rtl · high confidence

The basic theme now includes explicit override and variable files for buttons, icons, steps, and progress modules. This provides a clean separation of styling logic, allowing users to easily customize the appearance of these components by modifying the new \.variables\ and \.overrides\ files in \src/themes/basic/elements\ and \src/themes/basic/modules\.

src/themes/basic/elements · high confidence

Added new example pages for attached content, bootstrap-style layouts, fixed menus, grids, homepage templates, login forms, responsive elements, sticky headers, and theming previews. These HTML files serve as reference templates demonstrating how to implement various Semantic UI components and layout patterns.

examples · high confidence

The 'round' theme for buttons now includes a dedicated variables file that defines styling properties such as border radius, padding, colors, shadows, and state-specific appearances (hover, active, loading). This provides the visual configuration for the round button style.

src/themes/round · high confidence

The src/\_site/modules directory now includes .overrides and .variables files for multiple UI components (accordion, chatroom, checkbox, dimmer, dropdown, embed, modal, nag, popup, progress, rating, search, shape, sidebar, sticky, tab, and transition). These files provide hooks for users to apply custom styles or variable overrides to these specific modules, enabling site-specific or user-level customization of the default theme.

_src/\site/modules · high confidence

The GitHub theme now includes the Octicons font file (octicons.svg), providing the necessary icon glyphs for the theme's UI elements. This resolves missing icon issues and ensures the GitHub theme renders correctly with its intended visual style.

src/themes/github · high confidence

The build and watch tasks for generating Right-to-Left (RTL) CSS have been added to the tasks/rtl directory. This introduces the ability to automatically compile, minify, and watch source files to produce RTL versions of the CSS output, utilizing the gulp-rtlcss plugin to handle the transformation.

tasks/rtl · high confidence

The project now includes a .browserlistrc file to define supported browser versions, and a .csscomb.json file to enforce consistent CSS formatting rules. These changes ensure consistent browser support and code style across the codebase.

(repo-wide) · high confidence

New empty placeholder files (reset.overrides and reset.variables) were added to the basic theme's globals directory. These files serve as extension points for customizing or overriding the default reset styles, allowing users to inject custom CSS variables or overrides without modifying core theme files.

src/themes/basic/globals · high confidence

Introduced a new 'fixed-width' theme that defines specific layout dimensions for the grid and modal components. The grid variables set fixed widths and margins for mobile, tablet, computer, and widescreen breakpoints, while the modal variables establish responsive widths and centering margins for small, large, and widescreen monitors, along with size variation ratios.

src/themes/fixed-width · medium confidence

Added the iframe-resizer library (iframe.js and iframe-content.js) to the examples/assets/library directory, enabling automatic iframe resizing for embedded content in the examples. This allows iframes to automatically adjust their height and width to match their content, improving the user experience when viewing examples that utilize iframes.

examples/assets · high confidence

New \.overrides\ and \.variables\ files have been added for breadcrumb, form, grid, menu, message, and table components, as well as global reset and site settings. These files provide placeholders for site-level and user-level variable overrides, allowing users to customize the styling and behavior of these components without modifying the core library.

_src/\_site/collections, src/\site/views · high confidence

The build system now includes new template files for generating standalone component packages (component-package.js), CSS-only packages (css-package.js), and LESS source packages (less-package.js), alongside corresponding README and Bower configuration templates. These templates define the structure for distributing individual Semantic UI components and asset bundles via Meteor, NPM, and Bower, enabling users to install specific parts of the framework rather than the full suite.

tasks/config/admin/templates · high confidence

The colored theme now includes specific variable definitions for checkbox, radio, and slider components. This introduces new theming variables that allow checkboxes, radio buttons, and sliders to adopt the theme's primary and focus colors, enabling consistent visual styling across these interactive elements within the colored theme.

src/themes/colored · medium confidence

The default theme now includes explicit variable and override files for breadcrumb, form, grid, menu, message, and table collections. These new files define the default styling properties for these components, allowing users to customize their appearance through theme overrides. This change establishes a consistent, structured approach to theming across these key UI elements.

src/themes/default/collections · high confidence

The admin build tasks for managing individual component repositories have been restructured into three new scripts: \create.js\ handles the initial setup of each component's repository, \init.js\ pulls the latest version of each component from GitHub, and \update.js\ commits changes, pushes to GitHub, and creates releases. These scripts automate the process of maintaining separate repositories for each Semantic UI component, including generating NPM modules, Bower/Composer/README files, and managing Git operations with appropriate delays to avoid rate throttling.

tasks/admin/components · high confidence

The Bootstrap 3 theme now includes specific overrides and variables for buttons, introducing support for button theming and fixing font-related issues. This adds a new button theme that aligns button styling with Bootstrap 3 conventions, including specific font families, border radii, padding, and color variables for states like hover, active, and disabled.

src/themes/bootstrap3 · medium confidence

The default theme for the following elements now includes explicit \.variables\ and \.overrides\ files, allowing for easier customization and theming: button, container, divider, flag, header, icon, image, input, label, list, and loader. These files define the default styling variables and override rules for each component.

src/themes/default/elements · high confidence

The default theme now includes explicit variable and override files for the advertisement, card, comment, feed, item, and statistic components. These new files define the default styling properties (such as margins, padding, colors, and flexbox layouts) for these UI elements, ensuring consistent rendering across the application.

src/themes/default/views · high confidence

The examples/components directory now includes comprehensive HTML demonstration files for the Button, Card, Input, Menu, Site, Sticky, and Table components. These new example pages showcase various styles, states, and configurations for each component, providing developers with ready-to-use templates and visual references for implementing these features in their own projects.

examples/components · high confidence

The Instagram theme now includes specific card styling, importing the Montserrat font and applying it to card components. Additionally, card variables are defined to remove default shadows and borders, setting a 1px solid \#EDEDEE border, 14px 20px padding, and specific meta and link hover styles.

src/themes/instagram · high confidence

Adds new global definitions for the site module, including a reset stylesheet that sets the default box-sizing to inherit and applies custom scrollbar styling. The site module now provides default styles for the page background, typography (headings h1-h5, paragraphs, links), and text selection highlighting, allowing users to control the base appearance of the site through theme variables.

src/definitions/globals · high confidence

The breadcrumb, form, grid, menu, message, and table components are now available as new collection types, each with their own LESS definition files. These additions provide structured layouts, navigation, and data presentation capabilities, including responsive grid systems, form styling, and table variations.

src/definitions/collections · high confidence

The Material theme now includes new override and variable files for buttons, headers, and icons. Buttons receive hover box-shadow and border-radius variables, while headers are styled with normal font weight and Roboto font. Icons are supported via a new icon font file and associated variables, enabling Material Design iconography within the theme.

src/themes/material/elements · high confidence

The src/definitions/behaviors directory now includes the full implementations for the API, Form (including validation), and Visibility modules. This adds the ability to make AJAX requests with caching and error handling, validate form fields with customizable rules and error messages, and detect when elements enter or leave the viewport to trigger callbacks.

src/definitions/behaviors · high confidence

The repository now includes the complete CSS/LESS definitions for key UI elements, including button, container, divider, flag, header, icon, image, input, label, list, and loader. These files establish the visual styles, states (hover, focus, active, disabled), and variations (sizes, alignments, colors) for these components, ensuring consistent rendering across the framework.

src/definitions/elements · high confidence

Added new admin tasks to automate the release and publishing process. The 'release' task builds the main project and initializes/creates component and distribution repositories. The 'publish' task updates all Semantic UI component repositories with new versions. The 'register' task handles publishing to NPM and Meteor, including automatic versioning and token-based authentication for package managers.

tasks/admin · high confidence

The default theme for the UI library has been restructured to use explicit variable and override files for each component. New \.variables\ and \.overrides\ files have been added for the Accordion, Checkbox, Dimmer, Dropdown, Embed, Modal, Nag, Popup, Progress, and Rating components. This change introduces default styling variables (such as font families, sizes, and colors) and CSS overrides (such as icon glyphs and specific layout rules) for these components, establishing a more modular and customizable theming system.

src/themes/default/modules · high confidence

The project's build system now includes three new configuration files: config.js, install.js, and release.js. config.js resolves file paths relative to the project's semantic.json and deduplicates the component list. install.js handles the interactive and automatic installation logic, including detecting package managers (NPM, Bower, Composer) and sub-modules. release.js derives the version from package.json or semantic.json. These changes improve path resolution, automate installation, and ensure version consistency.

tasks/config/project · high confidence

The build system now organizes Gulp tasks into reusable collections. Importing the 'build' collection registers sub-tasks for JavaScript, CSS, and asset compilation. The 'admin' collection groups maintenance tasks for component and distribution management. The 'rtl' collection registers tasks for building and watching Right-to-Left CSS. These collections simplify the build process by allowing users to import and run grouped tasks with a single require call.

tasks/collections · high confidence

Added new view styles for advertisements (including leaderboard, rectangle, and banner formats), cards (with flexbox layout and color variations), comments (with nested support and avatar styling), activity feeds, item lists, and statistics (with icon and text value types). These components provide structured layouts for displaying content in a consistent, themable way across the UI.

src/definitions/views · high confidence

The 'raised' theme now includes a new button override file and a dedicated variables file that define specific styling for buttons, including background color, gradient, border radius, and shadow distance. These changes allow users to apply a distinct 'raised' aesthetic to buttons, featuring a subtle gradient background and a 0.3em shadow to create a lifted appearance.

src/themes/raised · medium confidence

The Origami module, which provided a 3D cube rotation component, has been removed from the source code. The \src/origami.css\ and \src/origami.js\ files have been deleted, meaning users can no longer use the Origami component in their projects.

src · high confidence

The Chubby theme now includes specific styling overrides and variable definitions for the form and menu components. For forms, the theme defines padding, border widths, and font sizes for dropdowns and inputs. For menus, it establishes visual properties such as background colors, active states, padding, and border styles. These changes allow the Chubby theme to render forms and navigation menus with a distinct, thicker, and more pronounced aesthetic.

src/themes/chubby/collections · medium confidence

A new basic table theme has been introduced, providing default styling for table components. This includes CSS overrides in \table.overrides\ and variable definitions in \table.variables\, which set header and footer backgrounds to white, and define padding and state marker widths for table cells.

src/themes/basic/collections · medium confidence

The 'chubby', 'striped', and 'resetcss' themes now include default styling for the accordion, comment, and progress components, as well as a CSS reset. Users of these themes will see updated visual styles, including a striped animation on progress bars, specific border and shadow rules for comments, and a standard CSS reset applied globally.

(repo-wide) · high confidence

The flat theme now includes dedicated site variables and overrides files, defining global styling properties such as fonts, colors, link styles, and breakpoints. This allows users to customize the base appearance of the flat theme, including the ability to set distinct underline styles for links and their hover states.

src/themes/flat/globals · medium confidence

Placeholder files for site and user variable overrides have been added for multiple UI elements, including button, container, divider, flag, header, icon, image, input, label, list, loader, rail, reveal, segment, and step. These files provide entry points for customizing the appearance and behavior of these components.

_src/\site/elements · medium confidence

New CSS override rules and SASS variables have been added for the feed component within the timeline theme. This introduces specific styling for feed events, including label borders, margins, and icon backgrounds, allowing for visual customization of the feed layout.

src/themes/timeline · medium confidence

The Amazon theme has been updated to align with version 2.0 changes, introducing new override and variable files for buttons and site-wide settings. Buttons now feature a linear gradient background, updated border colors for primary and secondary states, and adjusted padding for labeled icons. Global variables have been refreshed with new color palettes (including specific orange and black values), font settings, and breakpoint definitions, ensuring the theme's visual identity is consistent with the latest design system.

src/themes/amazon · high confidence

The basic theme for the Card component is now defined by new configuration files. The \card.variables\ file introduces 35 lines of CSS variables controlling the card's dimensions (e.g., 250px width), spacing, borders, and link colors. The \card.overrides\ file is added to allow custom overrides for the card's appearance.

src/themes/basic/views · medium confidence

The build system now uses a new, centralized configuration structure in the \tasks/config\ directory. This includes \defaults.js\ for base paths and component lists, \docs.js\ for documentation build paths, \tasks.js\ for file naming and minification settings, and \user.js\ to merge user overrides with defaults. This change consolidates task settings, making it easier to manage paths, file outputs, and build tool options like Uglify and CSS minification.

tasks/config · high confidence

The Chubby theme now includes new button and header styles. For buttons, the theme defines specific padding, border radius, and color variables, and adds CSS overrides to apply inset box shadows to icon buttons. For headers, the theme sets the 'Source Sans Pro' font family and defines font sizes for heading levels (h1–h5) and size variants (tiny through huge).

src/themes/chubby/elements · high confidence

The classic theme now includes explicit variable and override files for the table, button, header, progress, and card components. These new files define styling properties such as box shadows, padding, colors, and hover states, allowing the classic theme to apply distinct visual treatments to these elements.

src/themes/classic · high confidence

The Bookish theme now allows customization of header font families, weights, and sizes. Users can adjust the font family (defaulting to 'Karma' with 'Times New Roman' fallback), set font weights for h1 and h2 headers to bold, and modify header font sizes and padding via new variables in the theme's header configuration files.

src/themes/bookish · high confidence

This update addresses numerous bugs and improves behavior across multiple UI modules. Key fixes include resolving issues with dropdown selection, search filtering, and modal positioning. The sidebar module received a complete rewrite to improve performance and fix scrolling and animation issues. Popup positioning and visibility logic have been refined to handle edge cases and improve responsiveness. Additionally, the checkbox module was refactored to support an indeterminate state and improved event handling. The sticky module was updated to handle scroll contexts and container heights more accurately. These changes ensure more reliable interactions and consistent styling across the framework.

src/definitions/modules · medium confidence

The Flat theme's form components have been restyled to match a flatter aesthetic. Input fields and dropdowns now use a 1px solid border (\#DDDDDD) instead of previous styling, and the dropdowns have their default border-radius removed. Additionally, form variables have been updated to control padding, margins, and error states, ensuring consistent visual treatment across all form elements.

src/themes/flat/collections · medium confidence

The default global styles and variables have been refreshed. A new reset.overrides file implements normalize.css v7.0.0 to standardize browser styling, while site.variables introduces new global settings including custom scrollbar styling, updated font and color defaults, and specific variables for form inputs and headings.

src/themes/default/globals · high confidence

The build system now includes a compatibility shim for Gulp 3-style task execution, allowing existing task definitions to run under Gulp 4. This ensures that commands like 'gulp build' or 'gulp watch' continue to function as expected during the transition, while also exposing specific tasks for building JavaScript, CSS, assets, documentation, and RTL styles.

tasks/config/npm · high confidence

The Material theme's global site variables have been redefined to establish new default values. This includes updated font families (Roboto), base font sizes, and page background colors. A comprehensive set of brand and neutral colors is now defined, with blue and grey set as the primary and secondary colors respectively. Additionally, link styling has been adjusted to remove underlines by default, and highlighted text colors have been specified.

src/themes/material/globals · high confidence

The Material theme for menus has been updated with new override and variable files. The menu now uses the Roboto font family and applies a specific box shadow (0px 1px 6px rgba(0, 0, 0, 0.2)) and padding settings, ensuring consistent visual styling for menu components.

src/themes/material/collections · medium confidence

The Material theme now includes specific styling for dropdowns and modals. Dropdowns are updated to use the Roboto font family, and modals are styled with Roboto headers, a 0px border radius, and a box shadow. Variables for menu borders, padding, and header styling are also defined for these components.

src/themes/material/modules · medium confidence

The Pulsar theme now includes specific styling for the loader component. This introduces a new 'loader-pulsar' CSS animation that rotates and fades the loader element, along with corresponding variables for speed and line color. Users of the Pulsar theme will see this distinct loading animation style applied to loader elements.

src/themes/pulsar · high confidence

The admin distribution tasks have been refactored into three new, distinct scripts: \init.js\ (to initialize and pull distribution repositories), \create.js\ (to generate distribution files and update package.json), and \update.js\ (to commit, push, and create GitHub releases). This restructuring replaces the previous monolithic or fragmented approach with a clear, modular workflow for managing Semantic UI distributions.

tasks/admin/distributions · high confidence

The admin task configuration files have been reorganized into separate modules for GitHub integration, release settings, and OAuth credentials. The release configuration now explicitly defines paths for component repositories, package templates (Bower, Composer, NPM, Meteor), and a comprehensive list of UI components that will be distributed as separate repositories. Additionally, a new GitHub client is configured using the @octokit/rest library to handle OAuth-based authentication for automated updates.

tasks/config/admin · medium confidence

The minified CSS and JavaScript build files for the Origami module have been removed from the build directory. This change eliminates the pre-compiled assets for the Origami 3D flip animation component, meaning users will no longer receive these specific minified files in the build output.

build · high confidence

The project has removed the \transform2d.js\ and \transform3d.js\ files, which provided jQuery cssHooks for 2D and 3D CSS transforms. This change eliminates the external dependencies on these specific jQuery plugins, likely to reduce bundle size or migrate to native CSS transform support.

dependencies · high confidence

The build, watch, and install tasks have been refactored to improve reliability and maintainability. The build task now correctly handles RTL (right-to-left) configurations and separates CSS and JavaScript into distinct sub-tasks. The watch task has been updated to properly detect changes in site variables and theme files, ensuring that only the necessary CSS files are rebuilt. The install task has been refined to handle updates more intelligently, avoiding unnecessary reinstallation and ensuring that the correct paths are used for updating components and themes. Additionally, the check-install task now correctly prompts for installation if Semantic UI is not yet set up, and the version task provides clearer output about the current version.

tasks · high confidence

The dist directory has been updated to include the compiled CSS and JavaScript files for Semantic UI version 2.5.0. This release includes a reset stylesheet that sets box-sizing to inherit for all elements, and a site stylesheet that defines default typography, colors, and layout styles. The JavaScript file initializes the Semantic UI site module, normalizing console and requestAnimationFrame behavior, and providing utilities to check for and manage component modules.

dist · high confidence

The build process now uses distinct, dedicated tasks for compiling CSS, compiling JavaScript, and copying assets, rather than a single monolithic build task. This separation allows each asset type to be built independently or in parallel, improving clarity and maintainability of the build pipeline.

tasks/build · high confidence

The Twitter theme now includes specific styling overrides and variable definitions for buttons. The \.ui.primary.button\ element receives a custom box-shadow and icon color, while the \button.variables\ file defines Twitter-specific colors, padding, and state styles (hover, active, down) to match the Twitter aesthetic.

src/themes/twitter · medium confidence

The Gmail theme's message styling has been updated to apply a light gray background (\#F3F3F3), subtle inset box shadows, and specific padding and border radius values. These changes adjust the visual appearance of message elements, including header font size, icon sizing, and warning background colors.

src/themes/gmail · medium confidence

The compiled CSS and JavaScript files in the dist/components directory have been rebuilt to version 2.5.0. This update includes the latest styles and logic for components such as Accordion, Ad, API, Breadcrumb, and Button, ensuring the distributed assets match the current source code and fix any previous discrepancies.

dist/components · high confidence

Added test coverage for JavaScript modules; Added test helper utilities for Jasmine and Sinon; Added tests for Meteor asset and font availability; Initial code coverage reports for PhantomJS 1.9.2 (Linux).

The project now includes \composer.json\ and \package.json\ files, enabling installation via Composer and npm respectively. The \package.json\ defines the Semantic UI package with version 2.5.0 and lists required build tools (such as Gulp and jQuery) as dependencies, while the \composer.json\ provides metadata for PHP package managers.

(dependencies) · high confidence

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

• CAI 27 → 33 (+6.2)
• Rubric changed (rubric-2026.08.15 → rubric-2026.09.15) — scores are not directly comparable.

• Code Health 28 → 15 (-12.6)
• Architecture 96 (new)
• Maturity 59 → 53 (-6.6)
• Readiness 10 → 26 (+16.3)
• Security 65 → 90 (+25.1)

• (anonymous) (cognitive 16) (src/definitions/modules/dropdown.js)
• (anonymous) (cognitive 16) (src/definitions/modules/dropdown.js)
• (anonymous) (cognitive 17) (src/definitions/modules/dropdown.js)
• (anonymous) (cognitive 27) (tasks/install.js)
• (anonymous) (cognitive 29) (src/definitions/modules/tab.js)
• (anonymous) (cognitive 36) (src/definitions/behaviors/form.js)
• (anonymous) (cyclomatic 16) (src/definitions/behaviors/form.js)
• (anonymous) (cyclomatic 16) (tasks/install.js)
• Change coupling: build.js ↔ watch.js (tasks/rtl/build.js)
• Change coupling: dimmer.js ↔ rating.js (src/definitions/modules/dimmer.js)
• Change coupling: init.js ↔ update.js (tasks/admin/distributions/init.js)
• Change coupling: popup.js ↔ rating.js (src/definitions/modules/popup.js)
• Change coupling: rating.js ↔ shape.js (src/definitions/modules/rating.js)
• Change coupling: release.js ↔ admin.js (tasks/admin/release.js)
• Change coupling: site.js ↔ search.js (src/definitions/globals/site.js)
• Change coupling: site.js ↔ tab.js (src/definitions/globals/site.js)
• Change coupling: update.js ↔ init.js (tasks/admin/components/update.js)
• Change coupling: update.js ↔ update.js (tasks/admin/components/update.js)
• Dimension evaluation failed
• FileTooLong: helpers/sinon.js (test/helpers/sinon.js)
• …and 30 more

• (anonymous) (cognitive 101) (src/definitions/modules/nag.js)
• (anonymous) (cognitive 106) (src/definitions/modules/embed.js)
• (anonymous) (cognitive 111) (src/definitions/modules/shape.js)
• (anonymous) (cognitive 114) (src/definitions/modules/accordion.js)
• (anonymous) (cognitive 127) (src/definitions/modules/checkbox.js)
• (anonymous) (cognitive 132) (src/definitions/modules/dimmer.js)
• (anonymous) (cognitive 157) (src/definitions/modules/progress.js)
• (anonymous) (cognitive 172) (src/definitions/modules/transition.js)
• (anonymous) (cognitive 195) (src/definitions/modules/tab.js)
• (anonymous) (cognitive 236) (src/definitions/behaviors/visibility.js)
• (anonymous) (cognitive 76) (src/definitions/modules/rating.js)
• (anonymous) (cognitive 96) (src/definitions/globals/site.js)
• (anonymous) (cyclomatic 113) (src/definitions/modules/checkbox.js)
• (anonymous) (cyclomatic 128) (src/definitions/modules/sidebar.js)
• (anonymous) (cyclomatic 130) (src/definitions/modules/progress.js)
• (anonymous) (cyclomatic 138) (src/definitions/modules/modal.js)
• (anonymous) (cyclomatic 139) (src/definitions/modules/tab.js)
• (anonymous) (cyclomatic 145) (src/definitions/modules/transition.js)
• (anonymous) (cyclomatic 200) (src/definitions/modules/search.js)
• (anonymous) (cyclomatic 201) (src/definitions/behaviors/visibility.js)
• …and 115 more

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

Semantic-Org/Semantic-UI was measured the same way every project in this corpus was: the same rubric, at a pinned commit, with the result published in full. Point a surveyor at a repository you know and see whether you agree with it.